Sitemap

Gym Bro?

4 min readSep 27, 2022

--

There is a problem in the world with people who want to get fit, but have no idea where to start. That’s it. Right there. Your answer. “They have no idea where to start.” This sparked the idea for me, why not create a fitness app that makes searching for workouts and learning about them and what they do, as well as demonstrate and create a workout routine for them to use? I used to be a heavy boy when I was younger, and fitness was a really big and scary leap of faith I made, however, the outcome was far more than what I could have ever imagined, and creating something that can help people have that same leap of faith fealing and fulfill it, is something that I have wanted for so very long. That is why I created

GAINZZZ

Press enter or click to view image in full size

What is GAINZZZ?

This website was created for the intent of any user, whether you are a beginner, or a seasoned veteran of the gym, to create their own personalized workout, have them search through our database that contains over 2800 different workouts, real-time account live updates, personal trainers with specialties to curate to any fitness needs, a pre-created workout routine for people who want a different workout each time

What Makes It Work?

This application was created using React, Redux, React-Router, NodeJS, and PostgreSQL to create a fully functional full-stack application, that can keep track of user’s accounts, their information, and their weight tracked via a live weight tracker graph.

Press enter or click to view image in full size
Code snippet for the login page
Press enter or click to view image in full size

The database utilized is called Supabase. It is an already hosted backend PostgreSQL server ready to be connected to. Simply install their package, and add their API key, and you are set.

Press enter or click to view image in full size
Database schema

Website Design

Press enter or click to view image in full size

Here is the Account information page, where a user can enter their personal information, and have the ability to live update their account information. There is also a BMI calculator that outputs a user’s BMI. The workouts counter at the bottom of the information tab helps keep track of how many workouts a user has completed.

Press enter or click to view image in full size

This is where users can search for a pre-created workout and use the timer to time their rest intervals in between sets. The user can also shuffle and remove any workout selected, and also add their own favorited workouts to the workout list. Once the user is done with their workout, they can click the Complete Workout button, which will then update their account information under the label ‘Workout Completed”.

Press enter or click to view image in full size

The personal trainers' page lets users view our personal trainers, readily available with their bios, rates, reviews, and specialties

Contributors

This project could not have been completed without a marvelous dev team. The number of hours spent to make sure this project is clean, presentable, and fully functional, with the features we wanted, was incredible. The dev team includes,

Project Manager:

Rahmin Shoukoohi | LinkedIn

Developers:

Rahmin Shoukoohi | LinkedIn

Get Rahmin shoukoohi’s stories in your inbox

Join Medium for free to get updates from this writer.

Jason Blunk | LinkedIn

Ethan Gula | LinkedIn

I cannot thank them enough for all the hard work they have done, and they are truly amazing developers. Please give them a follow on LinkedIn!

--

--