Project name: Workout APP - frontend

💎 Description

"Workout APP" is a workout tracking app. Frontend built with React and Vite. Users can create and manage workouts, log exercises, and track progress. Features include a personal dashboard, set and rep tracking, and a user-friendly interface. It is designed for fitness enthusiasts to stay organized and motivated!

🧩 Tech Stack

🗃 Dependencies

npm install gh-pages --save-dev
npm install sass
npm i react-icons --save
npm i clsx    # conditionally className
npm install react-router-dom
npm i @uidotdev/usehooks    # custom hooks
npm install --save-dev @trivago/prettier-plugin-sort-imports
npm install -D prettier
npm i react-hook-form
npm install axios
npm i @tanstack/react-query
npm i js-cookies
npm i react-select

---

📋 TODO:

• .env variables
• Change folder uploads to icons on server+client sides

✅ Done

• React router dom
• Home page, bg images
• Counters
• Auth page style
• Auth context
• Axios
• React Query
• Cors
• Notifications/Modal Messages
• Redirect after log in
• Log out
• Profile page
• Create new exercise
• Create new workout
• fix backLink
• Workout page
  • design
  • get statistic
  • workout log
  • workouts list
  • workout completed button
• Exercise page:
  • design
  • exercise log
  • isCompleted
  • tasks log
    • BUG: weight input rerenders after every digit
    • BUG: count of completed tasks / isCompleted Exercise
    • BUG: input fields are unavailable after changing task status
• BUG after login/registration: token created but can uses only after refresh