Healthy Life Tracker

Healthy Life Tracker is a wellness web application developed for SDG 3: Good Health and Well-being. The project helps users calculate BMI, track water intake, complete daily health challenges ect.....

Comment 1

Inspiration

The inspiration behind Healthy Life Tracker came from the importance of maintaining both physical and mental health in daily life. Many people struggle to follow healthy habits consistently due to busy schedules and lack of motivation. We wanted to create a simple and interactive wellness application that encourages users to stay healthy through small daily activities. This project is aligned with SDG 3: Good Health and Well-being.

What it does

Healthy Life Tracker is a wellness web application that helps users maintain healthy habits and improve their lifestyle.

The application includes:

  • Mood Tracker
  • BMI Calculator
  • Water Intake Tracker
  • Exercise Timer
  • Daily Motivation Quotes
  • Health Tips
  • Daily Health Challenge Checklist

The website is fully responsive and works on both desktop and mobile devices.

How we built it

We built the project using:

  • HTML for structure
  • CSS for responsive and attractive user interface
  • JavaScript for interactivity and functionality

The project was developed in VS Code and hosted using GitHub. We focused on creating a clean folder structure and modular code for better readability and maintainability.

Challenges we ran into

One of the major challenges was fixing the BMI calculator and ensuring proper calculations using height in centimeters. We also faced challenges while improving the responsiveness and designing an attractive user interface for mobile devices. Managing animations and keeping the project simple while adding multiple useful features was also challenging.

Accomplishments that we're proud of

We are proud of successfully building a complete health-focused web application with multiple wellness features. We improved the user interface using modern glassmorphism design, animations, responsive cards, and interactive components. We also created a beginner-friendly project that supports SDG 3 and promotes healthy habits in a simple way.

What we learned

Through this project, we learned:

  • Responsive web design
  • JavaScript DOM manipulation
  • User interface improvement techniques
  • Debugging and fixing calculation logic
  • Project structuring using HTML, CSS, and JavaScript
  • How to upload and manage projects using GitHub

We also learned the importance of creating technology solutions that positively impact health and well-being.

What's next for Healthy Life Tracker

In the future, we plan to add:

  • Dark mode
  • Data saving using local storage
  • Daily calorie tracker
  • Personalized health recommendations
  • AI-powered wellness assistant
  • Login system for personal tracking

We also want to expand the project into a more complete digital wellness platform that can help users build healthier lifestyles.

Built With

Share this project:

Updates