WorkoutManager

I built this project for tracking my workout records

SiteURL : https://spiffy-puppy-816ccb.netlify.app/
[Test Account]
Email : test@test.com
Password : Test

Github : https://github.com/Kazumakr/WorkoutManager_frontend

Overview

This project is for managing workout records.

Technical Specifications

ReactJS, NodeJS, Express, Sequelize, MySQL, Styled-Components, Heroku, Netlify

Why I created this project

The reason I created this project is because I wanted to keep track of my workouts. I have to memorize the last weight I used in order to properly increase the dumbbell weight. In addition to weight, I also want to keep track of dates. I felt I needed this app because I have to record these in each body part.

Which problem this app solved

The status (rest, ready, lazy) is displayed according to the time elapsed from the date of the workout, so you can workout with recovery in mind. You can also register a weekly schedule. I named this app “Workout Manager” because these features help people who work out.

Difficult part

I struggle with managing state with useContext to keep login information because it caused some errors and bugs. And I had a hard time dealing with the time format. There’s still some code that needs to be improved, so I’ll refactor them.

I also struggled with the nodejs frameworks sequelize and jwt. The code style of Sequelize is slightly different from mongoose, so I built this project while reading the official documentation and stackoverflow. I was not sure where to store the jwt token, but I stored it in localstorage and passed through authentication middleware on every page refresh. I felt I needed to learn to enhance security.

What I will do in the future

・Create clickable svg of back
・Reconsider of UI