Health Sync Tracker

Inspiration

In today's world, mental and physical wellness often take a back seat. I wanted to create a tool that makes it easy for users to check in on their well-being and receive quick, personalized suggestions to improve their health. The idea was to build a straightforward app that anyone could use daily to track their mood, energy, and physical activity, making wellness accessible to everyone.

What it does

Health Sync Tracker is a wellness app that provides users with a quick health check-in, personalized recommendations, and tools for tracking their mood, energy, and physical activity. Users can choose their current mood and receive tips and resources to improve their well-being. The app also includes a step tracker to calculate distances between locations, helping physical fitness goals.

How we built it

I built Health Sync Tracker using HTML for structure, CSS for styling, and JavaScript for interactivity. HTML helped me organize the app’s content into clear sections for each feature, while CSS provided the design elements, such as colors, fonts, and layout. JavaScript added functionality, adding features like mood-based suggestions, tracking user inputs, and calculating distance for the step tracker.

Challenges we ran into

One major challenge was making sure the JavaScript functions interacted smoothly with the HTML elements. Debugging issues with displaying content and managing user input was important to achieving a nice experience. Organizing the code to keep it clean, readable, and functional also required careful attention, especially with multiple sections and elements.

Accomplishments that we're proud of

I’m proud of creating a functional and user-friendly wellness app from scratch. Having the features like the mood-based suggestions and the step tracker helped me better my JavaScript skills. Additionally, designing an interface that’s simple yet visually engaging was a rewarding accomplishment, as it encourages users to engage with the app regularly.

What we learned

This project helped me deepen my knowledge of web development, especially in integrating HTML, CSS, and JavaScript to build a application. I learned how to structure a web app for better readability, organize styles for a clean interface, and write JavaScript functions to handle user interactions. It was a valuable experience in both technical skills and project management.

What's next for Health Sync Tracker

Looking ahead, I want to add more features to make Health Sync Tracker even more useful. I want to add google maps, and maybe a real robot to talk to the users.

PLEASE NOTE!: I couldn't be able to upload a you tube video, but i made a WEVIDEO. Please refer to this link : https://www.wevideo.com/view/3612032251

Built With

• codeeditor
• css
• glitch
• html
• javascript