Skip to content

About

A responsive Fitness Tracker web application built with HTML, CSS, and JavaScript that allows users to track workouts, calories burned, steps, and workout duration with interactive charts and local storage support.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

Fitness Tracker App

A responsive Fitness Tracker web application developed using HTML, CSS, and JavaScript. The application helps users record their daily fitness activities, monitor workout progress, and visualize weekly calorie data using interactive charts.

Features

  • Add fitness activities
  • Track workout duration
  • Record calories burned
  • Track daily steps
  • Dashboard with live statistics
  • Daily step goal progress bar
  • Weekly calorie chart using Chart.js
  • Delete activities
  • Local Storage support
  • Responsive design

Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • Chart.js
  • Local Storage

Project Structure

Fitness-Tracker-App/
│── index.html
│── style.css
│── script.js

How to Run

  1. Download or clone the repository.
  2. Open the project folder.
  3. Run index.html using Live Server or any modern web browser.

Live Link

https://khizrabatool046.github.io/CodeAplha_Fitness-Tracker-App/

Future Improvements

  • Edit existing activities
  • Dark Mode
  • BMI Calculator
  • Water Intake Tracker
  • Monthly Progress Charts
  • User Authentication

Developed By

Khizra Batool

CodeAlpha Internship Project

About

A responsive Fitness Tracker web application built with HTML, CSS, and JavaScript that allows users to track workouts, calories burned, steps, and workout duration with interactive charts and local storage support.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages