Inspiration

I wanted to give a fun platform for people to get more in touch with emotions and become more aware of what they're feeling by reading through our definitions and associating them with the correct words. Sometimes it's hard to understand what you're feeling and I wanted to create a way to solve this.

What it does

The Emotion Bingo Game helps players identify and connect with emotions. Players are presented with a random emotion definition and must match it to the correct word on a 5x5 Bingo board. The game continues until the player achieves five tiles in a row (horizontally, vertically, or diagonally). This game combines fun and learning, improving emotional literacy while delivering an engaging user experience.

How we built it

The game was built using the Reddit's developer platform and npm package, which utilizes TypeScript and a React-like component structure to build the game logic and UI. State management was handled using React hooks such as useState to track the Bingo board, marked tiles, active definitions, and game progress. The 5x5 Bingo board is dynamically generated by shuffling a predefined list of emotion words and their definitions.

Challenges we ran into

One of the main challenges was learning the language and the platform Reddit uses. I have not had too much knowledge with these languages and it took me a while to understand how hosting the app and how the language structure works.

Accomplishments that we're proud of

I am most proud of being able to design an app using the little knowledge I had. I was happy that I was able to understand the language and systems of Reddit in a short amount of time to develop a functioning app.

What we learned

I learned to study documentation and read a project structure to see how everything works together.

What's next for Emotion Bingo

I plan on adding more features such as alerting users when they select the wrong word. I also want to improve the visuals of the game and make it more appealing to the eye.

Built With

Share this project:

Updates