Health Simulator

Here, Bob died from having too low physical or mental health.
Health Simulator game in action.

Inspiration

Our inspiration came from a previous winner of another Washington hackathon, who created a game where players fed a monster different foods to keep it healthy—teaching about the four food groups called the monster meal. In a similar vain, our app is a game with the goal of educating people about what contributes to mental health and well-being.

What it does

A user chooses what a character Bob will do for certain activities that will either improve or hurt his mental and physical health. The Objective of the game is to survive a week in Bob's life. You have to balance different needs, like your physical and mental health. This teaches the user about keeping themselves healthy by making smart decisions.

How we built it

We built it using HTML, CSS, and JavaScript as well as used framer for the design.

Challenges we ran into

Our biggest challenges came during the design phase, particularly in creating a clean and intuitive user interface. Initially, we relied heavily on Tailwind CSS, but as the project evolved, we transitioned to using standard CSS and eventually shifted to framer as the primary tool for designing and refining our UI.

Accomplishments that we're proud of

The biggest accomplishment was our state machine that we set in order to help update and track time in a realistic matter for our web app.

What we learned

We gained a deeper understanding of how to make a state machine in JavaScript to dynamically manage and update values. We also learned how to leverage Figma to enhance the visual design and user experience of our interface.