https://github.com/cobbyelsonfx/workout-tracker
This is a Single Page Application (SPA) that enables users to track their daily workouts, it also uses JWT for user authentication
https://github.com/cobbyelsonfx/workout-tracker
expressjs nodejs reactjs routes tailwindcss usecontext-hook usereducer
Last synced: 2 months ago
JSON representation
This is a Single Page Application (SPA) that enables users to track their daily workouts, it also uses JWT for user authentication
- Host: GitHub
- URL: https://github.com/cobbyelsonfx/workout-tracker
- Owner: CobbyElsonfx
- Created: 2023-04-14T13:50:08.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-09-16T13:51:13.000Z (almost 3 years ago)
- Last Synced: 2025-05-16T17:14:02.252Z (about 1 year ago)
- Topics: expressjs, nodejs, reactjs, routes, tailwindcss, usecontext-hook, usereducer
- Language: JavaScript
- Homepage:
- Size: 4.42 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
Workout Tracker
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Challenges](#challenges)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)
**Workout Tracker** This is a MERN stack web application that allows you to track exercises you do every day. It uses Node.js and Express for the backend, and React for the frontend. The application manages the state using React's useContext and useReducer hooks and jwt for authentication..
- **Authentication with JWT**
- **Users can log their exercises**
- **Search Engine Optimization**
- [Live Demo Link](https://exercise-tracker-frontend-e4pd.onrender.com)
- 
>
>
### Challenges
DATABASE WORKOUT SHOWCASE
After I adding the authentication I realised that when a user logs in he sees the workout added by other users, which means every user is presented with all the workouts in the database.
I accessed the user.id from the requireAuth middleware (id was extracted from the token returned from the authorization header) in the workout controller , where I attached it to the user object and saved it to the database. I updated the model by inlcuding a userId section so that each workout saved in the database could be retrieved using the current userId it was assigned to.
### Prerequisites
To successfully execute this project, the following prerequisites are required:
- Code Editor: Visual Studio
- Version Control:Git
- Node js Installed
- Linters configuration
```
Example command: npm install to install dependent package
: npm install --save-dev hint@7.x to install webhint
:npm install -g lighthouse to install lighthouse
```
### Setup
Clone this repository to your desired folder:
```sh
cd my-folder
git clone https://github.com/CobbyElsonfx/Code-Future.git
```
### Install
Install this project with:
```
Install this project with:git and npm install
```
👤 **Andoh Francis**
- GitHub: [@CobbyElsonfx](https://github.com/CobbyElsonfx)
- LinkedIn: [Andoh Francis](https://www.linkedin.com/in/andoh-francis-133aa7245/)
- [ ] **I will add some animations to make it more user friendly**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you liked this project and would like to support me, email me through my email address andohfrancis9187@gmail.com
Special thanks to Students at Brightfield Tech Academy
- **Where did you get the template for the website?**
- Figma
## 📝 License MIT
This project is [MIT](./MIT.md) licensed.