Giter VIP home page Giter VIP logo

workout-client's Introduction

Swolercise Application

An application to help track workouts and randomize a specific group of exercises when you just aren't sure what to do.

Homepage

Important Links

Planning Story

This project came into mind when a colleague brought up the idea of needing a way to formulate a workout when they may just not know what to do, or challenge themselves in an unknown way.

The main purpose of this application was to randomize a workout based on a specific muscle/workout category. For version 1.0 this method would use one category to request the randomized response and a set number of exercises (5, set on the backend). From here the next step was to design a way to log the workout created, because what use is an application if it just needs another workout tracker to function amazingly.

Unfortunately some ideas initially intended to be ready for release had to be postponed. Still they are not far off from being completed. Structure is in place for these features to be finished and added.

User Stories:

  • As a user I want to be able to sign up
  • As a user I want to be able to sign in
  • As a user I want to be able to change password
  • As a user I want to be able to sign out
  • As a user I want to save a specific exercise
  • As a user I want to be able to save a whole workout
  • As a user I want to be able to enter my workout w/ sets and reps done
  • As a user I want to save a workout to a specific date
  • As a user I want to see all my workouts done
  • As a user I want to be able to edit a specific excercise
  • As a user I want to delete a workout
  • As a developer I want to define a workout/exercise by a specific category
  • As a user I want to randomize individual workouts by their type
  • As a user I want to be able to see a graph of my workouts completed for a given week/month
  • As a user I want to see a graph of muscle/exercise categories I’ve done in total.

Technologies Used

  • React
  • Axios
  • Bootstrap
  • CSS
  • SASS
  • JavaScript
  • React Router
  • Ruby-on-Rails API

Tables

  1. Users
  • Sign in
  • Sign out
  • Sign Up
  • Change Password
  1. Exercises (hardcode exercises?)
  • Exercise
  • Category (i.e. legs, back, arms, etc)
  • Description
  1. Workouts
  • Workout
  • Sets
  • Reps
  • Categories involved ? (Array maybe? or joins table)

Wireframe:

Homepage:

Homepage

Signed In:

Sign-in

ERD:

ERD

ERD V2

Catalog of Routes:

Catalog of Routes

Future Goals:
  • Customize messages for success and errors
  • Develop a flow of design for the site, working over fonts and color patterns
  • Add a way to create custom workouts, not just from the randomizer
  • Utilize Chart.js to display relevant information about workouts logged/created

workout-client's People

Contributors

ssolmonson avatar dependabot[bot] avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.