A modern, responsive Workout Tracking Application built with React and Vite. This app helps users log their exercises, manage workout routines, and visualize their training progress—all while ensuring a smooth, intuitive user experience.
Frontend Framework:
‣ React (v19.0.0)
‣ Vite (v6.3.1)
‣ ESLint for code quality
‣ TypeScript (optional, supported)
‣ Modern JavaScript (ESModules)
‣ Add new exercises with: Exercise name, Sets, reps, weight
‣ Automatic date tracking
‣ Auto volume calculation (sets × reps × weight)
‣ Exercise-specific images
‣ Default image fallback
‣ Predefined workout types with visuals
‣ Light/Dark mode toggle
‣ Clean, modern UI
‣ Responsive design for all devices
‣ Header and footer components
‣ LocalStorage support
‣ Automatic data saving
‣ Persistent across reloads
Bench Press, Squat, Deadlift, Shoulder Press, Pull Up, Push Up, Bicep Curl, Tricep Extension, Lat Pulldown, Leg Press
‣ Track exercises live with instant volume calculation
‣ Organize data by date
‣ Delete entries with ease
‣ useState for dynamic data
‣ useEffect for side effects
‣ Optimized state updates
‣ Chronological display
‣ Categorization with image pairing
‣ React.js: Hooks, props, component structure
‣ JavaScript ES6+: Array methods, async/await
‣ CSS: Flexbox, Grid, responsive layouts, dark mode
‣ Tools: Git, npm/yarn, Vite, ESLint