Health Symptom Tracker

Inspiration:

• We were inspired by the common problem many face: accurately tracking and communicating symptoms to healthcare providers. Personal experiences and stories of misdiagnoses motivated us to create an easy-to-use solution that empowers patients to manage their health proactively.

What it does:

• The Health Symptom Tracker allows users to effortlessly log daily health symptoms, including their severity and detailed notes. It displays symptom patterns through interactive graphs and lets users instantly download their symptom history as a CSV file to share clearly and accurately with their healthcare providers.

How we built it:

• We built the app using fundamental web technologies: HTML, CSS, and JavaScript. HTML structured our content and forms, CSS made the user interface clean and intuitive, and JavaScript provided dynamic functionality handling form inputs, local data storage, visual symptom tracking using Chart.js, and CSV data export.

Challenges we ran into:

• Data management: Figuring out how to effectively store and retrieve data locally without needing a backend database was initially tricky.

• Interactive visualization: Integrating Chart.js to dynamically plot symptom data required careful attention to data structure and integration with local storage.

Accomplishments that we're proud of:

• Easy-to-use interface: We successfully created an intuitive UI that anyone can comfortably use.

• Dynamic and interactive visualization: Our symptom graphs update automatically, making it easier for users to understand their health patterns.

• CSV Export: A significant practical achievement was allowing users to instantly export their data and improve patient-provider communication.

What we learned:

• We gained valuable experience in JavaScript, particularly managing local storage, dynamically generating HTML, and integrating third-party libraries like Chart.js. We also learned the importance of user-centric design—how simple features significantly improve user experience and safety.

What's next for Health Symptom Tracker:

• In the future, we aim to transform this web application into a full mobile app, integrate cloud synchronization for multi-device usage, and introduce AI predictive analytics to help users anticipate symptom patterns. We also plan to incorporate secure sharing directly with healthcare provider systems to improve patient outcomes.

Built With

• css
• html
• javascript