Welcome to GAINZZ

Demo | Article

Table of Contents

1. About the Project
   • TechStack
   • Features
   • Colors Used
   • Env Variables
2. Getting Started
   • Run GAINZZZ locally
3. Usage
4. Roadmap
5. Contributions

About the Project

TechStack

Tech Stack used to create GAINZZZ

Client Side

• React.js
• React-Redux.js
• axios
• dotenv
• framer-motion
• react-horizontal-scrolling-menu
• redux-logger
• styled-components
• @emotion/react
• @emotion/styled
• @mui/icons-material
• @mui/material

Server Side

• @supabase/supabase-js
• body-parser
• cors
• express
• node-fetch
• nodemon

Features of Application

• Account creation/updating
• Workout creation
• Weight Tracker
• BMI Calculator
• Favorite workout creator
• instant workout creator
• workout tracker
• timer
• database search for individual workouts
• personal trainers selection

Colors Used

• #FF1414
• #C3C9CC
• #D32F2C

Environmental Variables

Within the Client Side

REACT_APP_SUPABASE_KEY REACT_APP_SUPABASE_URL

Within the Server SIde

SUPABASE_SECRET_KEY SUPABASE_KEY

Getting Started

How To run GAINZZZ locally

You can clone the project using the following link

https://github.com/1ShoukR/GAINZZZ

Direct yourself into the Client Folder and type npm i

cd client
npm i

Direct yourself into the Server folder and type npm i, nodemon index.js

cd server
npm i
nodemon index.js

Direct yourself into the Client folder type npm i, npm start

cd client
npm i
npm start

Usage

The purpose of GAINZZZ is to be the catalyst that any beginner needs to kickstart their fitness journey, as well as providing a path for more elite trainers to take use of the 2,800 different workouts in our database, which can then be added to their daily workout routine.

Users can

• Create an account and be authenticated within out database

Login Page Screenshot

• Search for and add workouts to their workout plan

Workout Page Screenshot

• Account page where user can track their personal records

Account Page Screenshot

• Live-updating weight tracker for user to keep track of weight

Weight Tracker Screenshot

• Workout page for users to search for a curated workout
• search through their favorite workouts
• start a timer
• view a gif of the workout
• shuffle between workouts
• remove workouts

Database

• PostgreSQL database
• utilized Supabase, a pre-hosted PostgreSQL data center Database Schema

Roadmap

• Add a meal prep subscription service for the user to order meals prepped already for them
• implement supplement shop
• implement a groceries list for the user to be able to search for ingredients

Contributions

This project could not have been made without the team. They have been amazing, and an incredible help to this project. With countless hours spent over days and days, this project was created by:

• Project Manager/Dev: Rahmin Shoukoohi LinkedIn
• Dev: Jason Blunck LinkedIn dev.to
• Dev: Ethan Gula LinkedIn