FitTrack is a dynamic and responsive fitness tracking dashboard built with React.js and Chart.js. It empowers users to log workouts, monitor dietary habits, and analyze health trends using interactive data visualizations. Designed with performance and usability in mind, FitTrack runs smoothly across all devices.
- ✅ Personalized fitness analytics with 10+ interactive charts
- ✅ Goal-setting functionality and progress tracking
- ✅ Responsive UI supporting 10+ screen sizes
- ✅ 30% increase in user engagement through intuitive design
- ✅ Built with modern React.js features and component architecture
- Log daily workouts and meals
- Visualize progress using charts (e.g., calories, steps, sleep)
- 10+ interactive charts built with Chart.js
- Progress over time, diet summary, exercise distribution, and more
- Set custom fitness targets
- Track achievements against goals in real time
- Optimized for phones, tablets, and desktops
- Seamless UX on 10+ tested screen sizes
- React.js – UI development
- Chart.js – Data visualization
- Material-UI – Component styling (optional reference)
- CSS3 – Responsive layout styling
- VS Code – Development environment
FitTrack/
├── public/ # Static assets
├── src/
│ ├── components/ # Chart components, Header, Footer
│ ├── pages/ # Dashboard, Goals, Analytics
│ ├── data/ # Sample/mock datasets
│ ├── App.js # Main app entry
│ └── index.js # Root render
├── package.json
└── README.md
Screenshots go here (e.g.,
/public/screenshots/fittrack-dashboard.png)
-
Dashboard View
-
Mobile View
git clone https://github.com/tejash05/FitTrack.git
cd FitTrack🔹 Install Dependencies
npm install
🔹 Run Locally
npm start
✨ Contributor
Name: Tejash Tarun
Role: Frontend Developer | Data Visualization | UI/UX
GitHub | LinkedIn
✅ Advanced Highlights
| Feature | Status |
|---|---|
| Responsive UI | ✅ |
| Chart.js Integration | ✅ |
| User Goal Tracking | ✅ |
| Multi-device Support | ✅ |
| Dietary Analytics | ✅ |