https://github.com/inna-b10/workout-app
"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!
https://github.com/inna-b10/workout-app
axios clsx js-cookies project react react-hook-form react-query react-router-dom react-select sass usehooks vite
Last synced: 6 months ago
JSON representation
"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!
- Host: GitHub
- URL: https://github.com/inna-b10/workout-app
- Owner: Inna-B10
- Created: 2024-09-16T08:29:12.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-29T19:03:03.000Z (6 months ago)
- Last Synced: 2025-03-29T20:19:21.481Z (6 months ago)
- Topics: axios, clsx, js-cookies, project, react, react-hook-form, react-query, react-router-dom, react-select, sass, usehooks, vite
- Language: JavaScript
- Homepage: https://inna-b10.github.io/Workout-APP/
- Size: 2.04 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
in additional used:
``` js
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
- [x] React router dom
- [x] Home page, bg images
- [x] Counters
- [x] Auth page style
- [x] Auth context
- [x] Axios
- [x] React Query
- [x] Cors
- [x] Notifications/~~Modal Messages~~
- [ ] .env variables
- [x] Redirect after log in
- [x] Log out
- [x] Profile page
- [x] Create new exercise
- [x] Create new workout
- [ ] Change folder *uploads* to *icons* on server+client sides
- [x] fix backLink
- [x] Workout page
- [x] design
- [x] get statistic
- [x] workout log
- [x] workouts list
- [x] workout completed button
- [x] Exercise page:
- [x] design
- [x] exercise log
- [x] isCompleted
- [x] tasks log
- [x] BUG: weight input rerenders after every digit
- [x] BUG: count of completed tasks / isCompleted Exercise
- [x] BUG: input fields are unavailable after changing task status
- [x] BUG after login/registration: token created but can uses only after refresh