Inspiration
It started out with us trying to make simple games more interesting. By leveraging on older games (like Tic Tac Toe) that everyone is familiar with, we can put our own spin on them and create a game that reminisces and celebrates. We also just wanted to create something fun that people can enjoy. Sure was a hackathon well spent!
What it does
Similar to Tic Tac Toe, one has to get 3 symbols in a row to win the grid. That's where the similarity ends. Our game supports multiple grids to be played at the same time, which can be customized by the host. This means that a player can choose any grid to play on for his/her turn. A player wins by winning a pre-determined number of grids as decided by the host. We also have new power-ups and traps built right into the grids to encourage more strategic plays.
How we built it
We used ReactJS to support the frontend, while we used NodeJS and Express to build the backend. SocketIO was used for server-client communication between different devices, enabling the multiplayer feature we wanted.
Challenges we ran into
Inexperiences in React and SocketIO led to many confused and lost moments. Furthermore, material-ui was more difficult and restrictive of a framework to use. As a result, we were unable to put many of our visions onto the application.
Accomplishments that we are proud of
We managed to crunch out a (decent) working product during the short 24 hours, despite spending the most time staring at CSS and wondering why the Hack the elements don't listen.
What we learned
React, SocketIO
What's next for Tic Tac Foe
We would love to come up with more comprehensive rules and power-ups to make the game more exciting. We would also love to work on polishing up its design!
Log in or sign up for Devpost to join the conversation.