Screenshots:
Reflection:
I learned about Auto Layout, Overlays, Components and Variants by doing this project. I learned Components and Variants in previous projects but this project helps me understand them better. Now, I feel more comfortable with them. I could easily do the basics without no problems. I did not know much about Overlays. I do not think I have used them in my previous projects. But in this project, I used them a lot. I think the overlay feature of Figma is really cool and useful feature. Lastly, the Auto Layout. Out of everything, I struggle with this one the most. It is the hardest one for me. I had a hard time understanding this one.
I am unhappy with my board design especially the grid. I wanted to add some padding inside the grid so that the chips doesn’t touch them the outline of the grids. And there are some features that I wanted to add but I could not as I did not know to. For examples, I wanted to add a timer or a countdown for the players so that they won’t be able to take forever to play a turn. Another one is that switching the player’s turn and chip color. My workaround for that one was to use “keys”. I used tab and space to change the color of the chips and the players. I think I could have done better in that regards. Overall, I am happy with what I made. I think it met my goals of making the ui as simple as possible while not losing the game’s functionality.