Sport-Focused Fitness Tracker banner

Sport-Focused Fitness Tracker

5 devlogs
5h 57m 40s

Train smarter. Perform better. Recover stronger.
A static, sport-centric fitness tracking website built for athletes and performance-driven users.

This project uses AI

This project uses AI-assisted tools to enhance content quality, user experience, and development efficiency.
AI is not used for real-time model processing inside the website but supports smart features and design logic.

Demo Repository

Loading README...

Soujanya

Shipped this project!

Hours: 5.89
Cookies: 🍪 67
Multiplier: 11.34 cookies/hr

I built a Sport-Focused Fitness Tracker that helps users assess their fitness, choose a sport, and follow sport-specific workout plans with exercise GIFs, live timers, and smart recovery tips during rest breaks.

The hardest part was designing athletic logic without a backend—especially tracking performance metrics and triggering recovery pop-ups at the right moments. I solved this using JavaScript logic, LocalStorage, and careful UX planning to keep everything fast and realistic.

I’m most proud of making it feel like a real fitness-tech startup product, not just a static website. This project taught me product thinking, user-first design, and how powerful front-end logic can be when used creatively 💪

Soujanya

Finally finished the whole project and added the final polishing hope athletes are gonna love it!

Attachment
0
Soujanya

Integrated clerk in my application for the auth purposes by removing my previous auth system

Attachment
0
Soujanya

Today I worked on the SearchExercises component using React + MUI. I implemented state handling with useState, built a clean search UI using Stack, TextField, and Button, and connected user input to live state updates. I also set up a basic handleSearch function to prepare for fetching exercise data next. Still rough, but the structure is getting real and professional.

Attachment
0
Soujanya

Finally finished designing the landing page! it took a lit bit more than usual for some bugs that appeared out of no where and I had to use chatgpt for solving the bugs.

Attachment
0
Soujanya

I’ve been working on building the authentication flow from scratch. The focus so far has been on setting up a clean and flexible Login / Signup UI using React state management.

Attachment
Attachment
0