StringLand Tech

As we know, the homepage has card for each function module. Each module has a picture and description for that function, like Math, Text Editor, and so on.  When you click the card, you will be redirected to one of the sub functions of the module. However, that redirected sub function page is fixed, and it may not be what users' want. So now we add a Go To button in each card. When you click that button, a list of sub functions will be shown, and you can click any one of them to go to the corresponding sub function page. Here is the sample screenshot: Hope this UI improvement can improve your user experience. 👋

 Now the output format of all unit convertors can be customized. 👍 Previously, the output format was determined by the system.  The rule is if the value is too small or large, format uses scientific notation with 7 precision; otherwise, Golang default float format output is used. Here is the screenshot: Sometimes the default output format is not easy to read. So we allow the users to set the custom output format: set the precision (at least 0 precision and at most 20 precision), and use scientific notation or not. Here is the screenshot: Set 2 precision: Use scientific notation: Hope this feature can be helpful. ✊  

Here is the Wiki of Pig Latin Game .  We just release the Alpha version of Pig Latin Game in Stringland Tech. It is a human-Lilyan interactive game, which is the same pattern as the Guess Number Game. Players should type as many correct Pig Latin of give words from Lilyan as possible within 3 mins. Here is its entry in home page:   And here is its game page link and screenshot: https://stringland.github.io/web/games/piglatin   Currently following words are reserved by Lilyan: start - to ask Lilyan to start the game help - to ask Lilyan to tell the rules of the game bye - to ask Lilyan to stop the game. After 3 mins, Lilyan will show the game result. Here is the sample screenshot: This game will have further improvement in the future. Hope you can love this game.

Next JS - Server Side Generation Previously Stringland Tech used React JS, which caused an issue: Google could only index home page. That is because other pages are generated on the fly when browsers visit their links, which make it hard for search engine to add them into index. To do the SEO (search engine optimization) so that Stringland Tech is easier to find by everyone, while without making too much code changes, we rewrite the whole front end side using Next JS. Next JS support web pages server side rendering. It means that every pages have their own static html files and they can be easily collected by search engine and added to index. Another reason to choose Next JS is that it is based on React JS. Stringland tech front end code change scope can be reduced. Here is the Next JS wiki page .  And here is Next JS official pages .   How to Migrate from React JS Next JS official document has complete guideline . Actually the basic idea is simple: For routing and redirection, just fo