FlappyCats

FlappyCats is a fun healthcare study game where people can answer health related questions as they play. It helps people be more mindful & incorporate healthy habits through repetition and exposure.

Comment

Inspiration

As students with busy schedules, we wanted to make learning about healthcare more engaging by combining fast-paced gameplay with health related content. Inspired by Flappy Bird, we saw an opportunity to turn this reflex-based game into an interactive learning tool that can help people worldwide to incorporate healthy habits into their lives. Wanting to further expand this impact, we wanted to reduce communication stress. Thus, we added features to also make learning conversational languages fun and interactive.

What it does

People can choose to upload their own healthcare related question set or play with an existing one, which appear during gameplay. Each wrong answer makes the game harder, encouraging both focus and active learning through repetition. The game blends fun mechanics with healthcare education, this helps people learn general healthcare tips/ facts so they can be mindful of it and apply it to their daily lives. After selecting a question set, they navigate a spooky flying cat through pipe gaps representing multiple-choice answers. Flying through the correct gap scores points, while too many wrong choices trigger a game over. The game blends rewards repetition and reflexes to make learning these habits/ facts dynamic and memorable.

How we built it

We used HTML, CSS, and JavaScript for the frontend, and handling any data with Supabase for the back end. We created separate pages for the menu, question sets, and gameplay. Questions are dynamically loaded from the user-selected sets, and the game tracks correct and incorrect answers to manage scoring and game-over conditions.

Challenges we ran into

Some of the problems that we ran into were learning and using GitHub efficiently and properly. We initially had trouble organizing our files and assets because we all just uploaded it into the main without branching but became more accustomed to branching. Another challenge was how to store our information and data. We initially wanted to store and load information from a text or JSON file, but opted to use Supabase for dynamic allocation. A challenge that we encountered near the end of the project was that we couldn't retrieve our questions and answers from Supabase but it was quickly resolved by John Huynh.

Accomplishments that we're proud of

Coming into this hackathon, we had little to no experience with using databases, creating a website, and GitHub, and we're very proud of ourselves for coming out with knowledge on how to create using these tools.

What we learned

We learned that creating and developing in this sort of environment is challenging and there will almost always be issues that we will run into. Despite this, the experience is extremely rewarding as we come out with more information and connections.

What's next for FlappyCats

Although our project may be somewhat finished, and the hackathon is over, we plan on developing and polishing our FlappyCat project and hopefully deploying it on the app store one day to help billions worldwide learn about healthy lifestyle habits.

Built With

Share this project:

Updates