/leverage-workout-app

A simple workout app to track sets and reps built with my UT Austin classmates

Primary LanguageJavaScriptMIT LicenseMIT

Leverage

An application that allows you to create your own workout, and plan your workout schedule for the week! MIT License

Version 1.0 Deployment: Nov 4, 2021

User Guide

  1. When first visiting our page, you will be presented with the login/sign-up page, here you may click the get started button, and you will be presented with a form.

Landing page

  1. Here you will enter your first name, last name, email, and password. Select from a drop down list your health goal, agree to Terms and Conditions, and finally click the 'Sign Up' Button.

Sign-up Page

  1. You will then be re-directed to the homepage, where you can create new workouts and schedule any saved workouts for the week. To add a new workout there will be an input field on the left upper corner of the page, enter you new workouts name and click the 'Add Workout' button and your new workout will populate in the saved workouts list below. To add to you new workout, you can click on the name of it under 'Saved Workouts'.

Add New Workout

  1. Once you have clicked your workouts name you will then be redirected to your new workouts page, where you can add exercises! To add an exercise you just have to enter the new exercise's name in the given input field next to the 'Add Exercise' button. You may then click that button to populate the rest of the form so you can add the set, reps, and weight. Once you're finished you may click the 'Add to workout' button and your new exercise will populate below! You can add as many exercises as you want!

Add Exercise

  1. To get back to you homepage from your workouts page, there will be a 'Back to workout schedule' button on the upper left hand side of the page, you can click it and it will redirect you.

  2. To list which workout you want to do on which day you have a drop-down menu on each day of the week that has a list of all your saved workouts, so you can pick what YOU want to do.

  3. To log-out from your homepage in the upper right hand corner there is a 'Logout' button that automatically takes you back to the landing page!

  4. To login, from the landing page you just have to click the 'Sign In' button and a form for your email and password will appear, fill out the form and hit the 'Sign in' button and you will be taken to your workout schedule!

Log in form

Built Utilizing

  • Tailwind CSS
  • Bcrypt
  • Sequelize
  • .dotenv
  • Express
  • Express-session
  • mysql2

Ideas for Improvement

  • User being able to edit/delete workouts/exercises
  • Timer and ability to check off exercises as you do them!
  • Cardio options with more detailed forms.

Contributors