All solutions

The most difficult part of this project was managing state using the same data structure that was given in the .json file. Take a look for yourself at the redux code in the board slice, it got really crazy. So maybe this was a good lesson on refactoring your data first before jumping into something.

something to note is that media queries are not done for smaller screens yet. I really want to move onto the next thing, be it a new thing to learn or another project, this is after spending a month everyday afterwork on this.

Anyways what do you all think?

what do you guys think of this one? This was my first project built with Svelte.

I found that having a non-monospaced font for a timer where the text is changing constantly is very difficult to keep steady in place. If I had to ever make a timer again i'd use a mono-spaced font. Any ways how do you guys like it?

What do you think of this solution attempt?

This project took a long time for me to create, between working a full time job and other life responsibilities. I think I should have used a framework to keep the DOM manipulation separate from the game logic. I underestimated how much code it would take to write, and should have used the framework for something larger. What do you guys think of the solution I have here in general?

I used pixel units, that way I could make it pixel perfect to the Figma files. Is it better to use REM/EM or other non-absolute units? then do the math to get it to match the Figma?