YourHealthHelper website

Inspiration

My inspiration For the Project was Seeing How my surrounded People are not able to have good habits and some even doesn't know First-Aid

What it does

YourHealthHelper is a web-based tool that helps users take charge of their physical and mental well-being. It offers guided meditation sessions (Mindful Minutes), a symptom journal for tracking daily health issues, a healthy habits tracker for water and sleep monitoring with feedback, and a first-aid quiz game to improve emergency response awareness.

How we built it

We built this project using HTML, CSS, and JavaScript. Local data is stored using the browser's localStorage, eliminating the need for a backend. The UI is simple and accessible, and all features work offline in the browser.

Challenges we ran into

While building YourHealthHelper, one of the main challenges was integrating multiple features—such as meditation, journaling, tracking, and a quiz—into a single, user-friendly interface without making the page feel cluttered. Handling JavaScript logic for different forms and ensuring smooth user interaction required careful planning. We also faced issues with localStorage, especially making sure symptom logs and habit data were correctly saved and displayed. Additionally, syntax errors in template literals caused some unexpected bugs, which we had to debug step-by-step.

Accomplishments that we're proud of

We’re proud of successfully building a fully functional, interactive web app using only frontend tools. Every feature—from meditation timers to quizzes—works offline and without login. The app is beginner-friendly and offers real value for daily health management.

What we learned

We learned how to use JavaScript effectively to create interactive forms and visual feedback. We gained experience using localStorage for data persistence and improved our skills in designing clear, responsive user interfaces that combine multiple functionalities smoothly.