Skip to content

Developed a responsive health dashboard using React.js and Hooks to track daily wellness data; focused on UI/UX and real-time state updates.

Notifications You must be signed in to change notification settings

madhumitaaa/HealthTracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

🩺 Health Tracker

A full-stack web application that allows you to log and visualize daily health metrics like calories, sleep, workouts, heart rate, and steps.


What It Does

  • Log daily entries: Add the date, calories, sleep hours, and workout details.
  • View real-time metrics: See today’s heart rate, total sleep, number of workouts, and steps count in a clean dashboard.
  • Track trends visually: Line charts show how calories and sleep vary over time.
  • Scroll through history: Review all past entries in a styled, interactive list.
  • Persistent data: All entries are saved in MongoDB and loaded automatically.

Technologies Used

  • Frontend: React, Axios, react-chartjs-2 (Chart.js), plain CSS
  • Backend: Node.js, Express, Mongoose, CORS
  • Database: MongoDB (local or Atlas)
  • Dev Tools: Git, dotenv, npm

Screen.Recording.2025-07-17.232712.mp4

About

Developed a responsive health dashboard using React.js and Hooks to track daily wellness data; focused on UI/UX and real-time state updates.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published