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!

Share this project: