Full Stack PTDiary Application

The application is built using the MERN stack (MongoDB, Express.js, React, and Node.js) for HyperionDev final Capstone project, this platform provides a user-friendly
interface for efficient collaboration between trainer and client. This project inspired due to my personal struggle in keeping my fitness goal and a lack of platform that allow collaboration between personal trainer and a client. The cloud based Personal trainer Diary Application (PTDiary) is designed for professional Personal trainers and clients. A personal trainer will be able to add and assign workout to their clients. Clients will be able to only access the workout plan addressed to them.

Why/Problem?

Personal trainers with multiple clients need to monitor client's fitness performance and assign each client with a workout plan. Traditional methods of tracking through spreadsheets or manual systems do not allow collaboration. The Cloud-Based Personal trainer Diary Application aims to address these challenges by providing a centralised platform for workout plan, enabling creation of workout and assigning those workout to a specific client. The MERN stack ensures scalability, while the integration of Redux Toolkit, Headless UI, and CSS enhances user experience and performance.

Technologies Used:

• Frontend:

  React (CRA) Redux Toolkit for State Management CSS

• Backend:

  Node.js with Express.js

• Database:

  MongoDB for efficient and scalable data storage.

• Testing:

  JEST /Supertest

Admin Features:

• Workout Management:

• Assign Workout plans to individual clients.
• View, Create and Delete workout plans.

User Features:

View assigned Workout plans from their personal trainer

General Features:

• Authentication and Authorization using JWT.
• Allow user to create an account as a personal trainer or Client.
• Role-based access control.
• View user profiles.
• View instruction for application.

1 Steps to run frontend

Navigate into the frontend directory cd frontend.

• Run npm i or npm install to install the packages.
• Run npm start to run the app on http://localhost:3000.
• Open http://localhost:3000 to view it in your browser.

2 Steps to run backend

• SETUP INSTRUCTIONS
• Server Setup
• Environment variables
• First, create the environment variables file .env in the server folder. The .env file contains the following environment variables:

MONGODB_URI = your MongoDB URL JWT_SECRET = any secret key - must be secured PORT = 8800 or any port number NODE_ENV = development

Link to the Repo

https://github.com/Teccolat/PT-Diary

Link to wireframe

https://app.diagrams.net/?mode=google#G1-qF_jxZmKqj2r6nG06EQ9Pk0zWr7uGCE#%7B%22pageId%22%3A%22JAnnMICM9ROicNM-ur_Y%22%7D

Link to the Requirement specification document

https://docs.google.com/document/d/1sqXhnLtg5FmnMYnMgRuZsuyTaxbBY2Hn0Pihvj2CU48/edit#heading=h.eob3var6l3va