Board No More

• 

  Homepage

• 

  Tetris

• 

  Snake

• 

  Memory Game

• 

  Tic Tac Toe

• 

  Flappy Bird

• 

  Music Player

Inspiration

We wanted to try our hands on game development in React because we had never done that before, so we thought of building a web application which enables the user to play a variety of games all built from scratch. Since the theme was board games, we focused on building various board games. We also wanted the user to be able to relax and listen to some tunes, so we added a music player to our web application.

What it does

It features games like Tetris, Snake, Memory Game, Tic Tac Toe and Flappy Bird, which bring back all the nostalgia as these were the games most of us grew up playing. All the games are shown as tiles with an image and the game title on the homepage. On clicking one of the tiles the user is redirected to a page where they can play that game. On clicking the Play Music button on the homepage, the user is redirected to the music player page where they can listen to music.

How we built it

We had to refer to some tutorials and blogs since this was our first time doing game development in React. We also focused a lot on making the UI and styling look appealing because that matters a lot, and we are proud of the way our web application looks right now.

Challenges we ran into

We had to learn a lot of new things since this was our first time creating games in React, so we followed some tutorials and blog posts, encountered quite a few bugs and errors while coding but the end result was worth it all.

Accomplishments that we're proud of

We're proud of the fact that we created not only one but 5 different games with no prior gaming experience. The UI is another thing that we are proud of.

What we learned

We learnt how React Hooks can be used in game dev. We had used those hooks before but never for creating games. We learned about how functions such as the game loop are used to provide game functionality in React.

What's next for Board No More

Some games are not supported on mobile at the moment because they rely on Keyboard Key presses for movement/action.

Built With

• nextui
• react