We built a fitness tracking app for gym goers and anyone interested in fitness to note down their training sessions. We wanted to create an easy, straightforward app for someone to be able to track their progress, see how they improve over time and successfully reach their fitness goals.
- You are able to create a user account
- Log in and out with ease
- Add your fitness sessions - this will allow you to select the exercise of your choice (it also includes an autocomplete option if you start to type), note down the weight and the amount of reps you want to complete
- You are then able to continue to add your sets and finish once you are done
- 'History' in the bottom navigation bar will allow you to view your previous fitness sessions
- The homepage will show your progess via tables, giving you a visual representation of your progression
- Run
git clone https://github.com/lucykearl/frontend-group-projectinto the console cdinto the new directory- Run
npm install
- Once the app is opened you can create an account, you will then be presented with the home screen
- Using the navigation bar along the bottom of the screen, you simply press the '+' symbol and you can then insltantly start adding your sessions
- You start off by selecting the exercise of your choice using either the drop down list or you can start typing and an autocomplete will appear with suggestions
- Once you have selected the exercise you want to include, press 'ADD' then type in the weight and the amout of reps you want to complete
- If you want to add another set of the same exercise, just press 'ADD SET' and this will allow you to keep the same weight and rep of the previous set or edit it to increase or decrease
- If you make a mistake, there is the option to remove the set by pressing 'REMOVE' next to the set you wish to get rid of
- You can do this until you have noted down all the exercises you want to include in your session that day
- After you have noted everything down, press 'FINISH' and an alert will present at the top stating 'SESSION FINISHED'
- You can view any of your previous session by pressing 'HISORY' in the navigation bar which will produce a table
- The homescreen will show you a bar chart of your progress
| Frontend | Backend |
|---|---|
| React | MongoDB |
| CSS | Node JS |
| NPM | Express |
- Packages including react-router and axios
- JEST Snapshot testing
- Authorisation to allow users to sign-up and log in
- Adding social media links and the ability to connect with friends or a wider community
- Add different types of equipment, exercises and video demos
- Access to a personal trainer for a personalised workout plan based on your progression as well as offering support