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.
you will see two bars Bob's physical and mental health, MAKE SURE THESE DONT REACH 0. Time will progress on ward, make sure Bob gets to every where he needs for an entire week.
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.
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.
We built it using HTML, CSS, and JavaScript as well as used framer for the design.
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 Figma as the primary tool for designing and refining our UI.
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.
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.
Our goal is to continue improving Health Simulator and eventually develop it into a fully functional app that can be published on app stores.