This week, I have started working on the User Interface part of our project. I have created the initial page and the game page of our game. And, the image below is the initial page design of our project UI.
After I created the initial page of the UI, I made it possible to start a new game by clicking the “NEW GAME” button. After clicking the button, the screen looks like below. Currently, the board is on the left side of the screen, and I am planning to put a timer on the right-hand side of the screen and show the turns.
I have created a class for the overall game, and for each piece on the board, I have created a piece class so that I can follow and keep track of each piece. It shows the initial state of the game. After our team finalizes the computer vision part of the project, I am planning to test with the UI I created this week. So, for the following week, I will work on updating the board as the computer vision recognizes the piece movement changes.