Workout APP - client side

React + Vite

This template provides a minimal setup to get React working in Vite with HMR.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

in additional used:

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

TO DO

• React router dom
• Home page, bg images
• Counters
• Auth page style
• Auth context
• Axios
• React Query
• Cors
• Notifications/Modal Messages
• .env variables
• Redirect after log in
• Log out
• Profile page
• Create new exercise
• Create new workout
• Change folder uploads to icons on server+client sides
• 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