Introduction
Hey everyone! My name is Victor, and I’m currently learning web development. As part of my journey, I built a Fitness Coach web app using HTML, CSS, and JavaScript. This project is designed to help users get personalized workouts, track progress, and stay motivated. In this post, I’ll walk you through my experience building it!
Features
1.Personalized Workouts – Users input their fitness goals, and the app suggests exercises.
2.Progress Tracker – Log completed workouts and track improvements over time.
3.Motivational Messages – Encouraging tips based on workout history to keep you going.
4.Simple UI – Clean and easy-to-use interface.
5.Dark Mode – Switch between light and dark themes for a comfortable experience.
Technologies
🔹 HTML, CSS, JavaScript – Keeping it simple yet powerful.
🔹 db.json – Saves workout progress so users don’t lose their data.
Challenges & Solutions
One of the biggest challenges was making sure the user experience was smooth and intuitive. For example, I had to figure out how to make dark mode preferences save even after refreshing the page.
Another major hurdle was setting up the db.json file to store and manage workout data. It was my first time working with JSON as a simple database, and getting it to work properly with JavaScript required some trial and error. But after a lot of debugging, I finally got it running!
What's Next?
I plan to add more personalization features, such as custom workout routines and progress analytics. I’ll also be improving the UI and making it more interactive.
Check It Out!
🔗 You can view the project here : https://vickitah.github.io/-FITNESS-COACH-/
Let me know your thoughts and feedback in the comments!
Feedback is welcome! Let’s be more fit together.
