Coder Social home page Coder Social logo

emersona-glitch / powerliftsdb Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 65 KB

PowerliftsDB is a full-stack, full CRUD web app that allows weight-lifters to store information about their stats for various exercises.

HTML 0.92% JavaScript 89.21% CSS 9.87%
express postgresql react-redux redux-saga material-ui node

powerliftsdb's Introduction

PowerliftsDB

Description

Duration: 2 Week Sprint / Ongoing

I developed PowerliftsDB to address the problem of weight-lifters being able to conveninently log stats for their lifts. Weight lifters often use small notebooks to record their progress and reference in order to gauge what their next work-out should look like. PowerliftsDB allows users to record and review all of their stats in one place, as well as allowing users to view other users' stats. Users can also view a line graph generated from their history with a certain exercise at different rep ranges.

Prerequisites

You will need Node.js and the node package manager to install dependencies for this app. You will also need PostgresQL to run the database for this app.

Installation

  1. Fork this repository and Clone using git clone <repo-url.git>
  2. Install any dependencies by navigating to the project directory and using npm install in terminal.
  3. Create a database named prime-app,
  4. The queries in the database.sql file are set up to create the table required for this project. The project is built on Postgres, so you will need to make sure to have that installed. I recommend using Postico to run the CREATE TABLE queries, as this is what I used.
  5. Run npm run server in your terminal
  6. Run npm run client in your terminal -- the app should automatically open in your browser.

Usage

  1. Prospective users can register an account on the landing page. Existing users can click the "Login" button to be directed to the login page.
  2. Once logged in, users will be directed to their home-page. If the user has stats logged in the database, they will see information here regarding their max efforts for different exercises.
  3. If a user wishes to log stats, they can click the "Quick Log" link in the top right nav-bar.
  4. Once on the Quick-Log page, the user can complete the form and submit their stats.
  5. Navigating to the "Feed" page will allow the user to view a chronological list of all lifts.
  6. For any exercise the user has logged, a card will appear on the home-page allowing the user to see all of their entries for this exercise. The user can also view a line-graph representing their progress with a lift by clicking the "View [exercise] Metrics" button and selectinga rep-range from the drop-down menu.

Built With

I built this app using React-Redux, sagas, PostgresQL, node, express, and Material-UI. I scoped the app using dbdesigner, moqups, and trello boards.

Acknowledgement

Thanks to Prime Digital Academy who gave me the training and guidance to complete this project. Special thanks to Dane Smith, my instructor!

Support

If you have suggestions or issues, please email [email protected]!

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.