All projects

Workout log Application

Build a program, track each session and see progress over time.

Visit the live site
Workout log Application: Main dashboard screenshot
Built with
  • React
  • Firebase
  • Firestore
  • Vite
  • JavaScript
Skills shown
  • React
  • Firebase
  • Firestore Database
  • Repository Pattern
  • Data Modeling
  • State Management
  • React Router
  • Authentication
  • UI/UX Design
  • Context API
  • Form Validation

What I built

A comprehensive workout tracking application that enables users to create custom fitness programs, track workout sessions, and monitor progress over time. Features a multi-step program builder, real-time session tracking with exercise completion status, and week-by-week workout organization with historical data comparison.

What it does

  • Custom workout program creation with multi-step builder
  • Real-time session tracking with set/rep completion
  • Week-by-week program organization and progression
  • Previous session data comparison
  • Firebase Firestore database integration
  • User authentication (Google Sign-In)
  • Exercise template management
  • Dynamic workout editing and customization

Screens

  • Workout log Application: Program builder screenshot step 1
  • Workout log Application: Program builder screenshot (exercise selection)
  • Workout log Application:
  • Workout log Application:
  • Workout log Application:
  • Workout log Application:
  • Workout log Application:
  • Workout log Application:
  • Workout log Application:
  • Workout log Application:
  • Workout log Application: undefined
  • Workout log Application: undefined
  • Workout log Application: undefined
  • Workout log Application: undefined
  • Workout log Application: undefined

Have something like this in mind?

Tell me what you need and I will tell you how I would build it.