This CRUD React app lets the user select their workout routines with lists of exercises and create/edit/delete their personal routines.
Check it out live here, hosted on Netlify, or play around with it on Codesandbox
These two fantastics tutorials helped me get started with this project:
Getting Started with React – An Overview and Walkthrough by Tania Rascia.
Building forms using React — everything you need to know by Manjunath on Codementor Community.
The goal was to develop a personal project from scratch to master React by creating an app that encompasses all the main concepts listed in the official React docs page such as:
- Rendering elements
- Components and props
- State and lifecycle
- Handling events
- Conditional rendering
- Lists and keys
- Forms
- Lifting state up
- Composition vs inheritance
List of improvements to make and features to add in the future:
- Authentication with Firebase to store routines
- Improve styling - clean up CSS
- Ability to create individual exercises in the form
- Select number of reps per exercise
- Group exercises by categories in form
- Improve playback experience
- Improve form validation
This project was bootstrapped with Create React App.
Run npm start
to run the app in the development mode.