Buggin Out

Gameplay
Title Screen
End Screen

Inspiration

We thought it would "bee" fun to build a game around "bugs" - not computer bugs, but actual bugs! Then, these bugs would bee a student's tutor in teaching them to type - just like how computer bugs teach us to be better engineers C:

In addition, we felt inspired to make bugs/insects the central theme of our typing videogame to raise awareness about the importance of our insect friends to the environment!

What it does

"Buggin Out" is a buzzin' videogame intended to teach students how to type through offering them a fun gameplay loop of typing coupled with bee-autiful hand-drawn graphics.

How we built it

This application was built with a React/Typescript frontend, backed by a Express/Node.js/MongoDB Atlas backend.

Challenges we ran into

This was our first time using typescript, resulting in many challenges regarding developing many components. Of these components, the timer was also particularly difficult due to our implementation frequently causing duplicate timers to be generated within the call stack. This issue was averted through taking advantage of React's component lifecycle system (mounting/unmounting) to forcibly clear the call stack.

Accomplishments that we're proud of

Melissa: "I'm happy we made something that can enhance the learning experience for many students." Cesar: "We made a MVP in two days! In addition, we feel this app will be beneficial to students and their typing needs." Jin: "In addition to coding I got to draw cute insects."