STRIVE - Workout Tracker

A solo full-stack React project.

What is STRIVE?

Strive is a full stack web-application for workout enthusiasts who want to track workouts and progress in the gym.

As a regular gym goer, I found myself regularly forgetting previous workout volumes and reach the inevitable plateau making improvement altogether more difficult. The idea of creating a workout tracker was actually in my mind as soon as I started learning the basics of HTML, CSS and JavaScript but after learning back-end technologies, the project came closer to fruition.

Live App:

Try the live app

Technologies Used:

• JavaScript
• React.js
• Webpack
• Node.js
• Express.js
• PostgreSQL
• HTML5, CSS3
• Bulma.io Tailwind
• Dokku

Features:

• User can create workout
• User can add exercises to workout
• User can edit and add sets
• User can save workouts
• User can view workout history

Preview:

Future Features:

• User can replace exercises in workout
• User can name and rename workouts
• User can mark all sets done for an exercise
• User can view workout total volume
• User can select equipment used for exercise
• User can filter exercises by muscle group
• User can create workout templates (presaved exercises)

Development

System Requirements:

• Node v18
• NPM v8
• PostgreSQL v14

Getting Started:

1. Clone repository

git clone [email protected]:nathan-uch/strive-workout-tracker.git
cd project_name

2. Install PostgreSQL

3. Install dependencies with npm

npm install

4. Start and import example database to PostgreSQL

sudo service postgresql start
npm run db:import

Optional: Use pgweb to view your database

5. Start the server. Once the server is online, view the application on http://localhost:3000 in your browser.

npm run dev

6. Enjoy coding!