{"id":432,"date":"2022-09-01T02:55:22","date_gmt":"2022-09-01T02:55:22","guid":{"rendered":"https:\/\/mechied.com\/?post_type=portfolio&p=432"},"modified":"2022-09-01T02:55:23","modified_gmt":"2022-09-01T02:55:23","slug":"reactdoku","status":"publish","type":"portfolio","link":"https:\/\/mechied.com\/index.php\/portfolio\/reactdoku\/","title":{"rendered":"ReactDoku"},"content":{"rendered":"\n
\n
Live Demo<\/strong><\/a><\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

Reactdoku is an interactive Sudoku game I built in React. A live deployment is available here.<\/a> The game board is not your traditional 3×3 sudoku board–instead the boards are rectangular Latin Squares<\/a> (like 2×3 and 3×2). The board suggests valid moves to the player as numbers are placed. The gameboard is a responsive CSS flex grid. While only one latin square size is generated by the demo site backend, a generic JSON file format can be used to create a game page of any dimensions, highlight rectangle pattern, initialization state, and answer state.<\/p>\n\n\n\n

The live demo site supports Continuous Integration\/Continuous Deployment via a git hook script on the remote server that automatically builds and deploys the project when I push an update from a development machine.<\/p>\n\n\n\n

The game boards are generated and loaded from a simple flask backend. The python code to generate game boards was created by James Monroe Hammer, a batchmate at The Recurse Center.<\/p>\n\n\n

\n
\"\"<\/a>
Desktop Layout<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"<\/a>
Mobile Layout<\/figcaption><\/figure>\n<\/div>\n\n\n
\n