GithubHelp home page GithubHelp logo

mafutomo / e-pro Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 23.27 MB

EPro is a fitness app that analyzes a woman’s cycle and birth control method to provide tailored nutrition and fitness recommendations.

Home Page: http://epro-fitness.herokuapp.com/

CSS 3.16% JavaScript 95.11% HTML 1.73%

e-pro's Introduction

E/PRO

This fitness application is primarily designed for the scheduling of workout and nutritional regimen in harmony to user-specific hormonal cycle.

Example

Motivation

The motivation behind this project came from a need within the fitness community to optimize workout and nutritional routines in accordance to estrogen and progesterone levels. By automizing hormonal, exercise, and dietary tracking, this app not only helps women achieve peak physical performance but also saves time to pursue other professional or recreational endeavors. Additionally, the app is both mobile and desktop friendly so that users may access their schedule while stationary or in-transit. Finally, metadata representing the user base may aid pharmaceutical, marketing, and distributive operations for female centered fitness organizations.

Getting Started

Prerequisites: NodeJS

First, navigate to the preferred local directory that to host the demo site.

Next, access the demo site by cloning the Github repository:

$ git clone https://github.com/mafutomo/Q3_Project_Galvanize.git

Navigate inside the directory 'Q3_Project_Galvanize' and run the following commands:

$ yarn install
$ yarn start

A local browser should automatically open the site:

http://localhost:3000/

Example

The lead-in page provides potential users 'call-to-action' in registering for the app through fitness and time-saving incentives. The lead-in page summarizes the app functionality and brings users to a log-in and registration module.

Site Navigation for a Sample User

On the lead-in page, click on 'GET STARTED' to access the log-in and registration module.

Log in with the following credentials:

Click "Login"

Site Navigation for a New User

On the lead-in page, click on 'GET STARTED' to access the log-in and registration module.

Example

New clients will be brought to a registration page that collects their name, email, password, first day of last period, cycle length, age, and birth control method.

Example

Upon clicking submit, new users will be brought to a personal page that details a suggested workout and nutritional regimen based on estrogen and progesterone levels. To access exercise suggestions, click on 'EXERCISE.' To access nutritional advice, click on 'NUTRITION.'

Example Example

The estrogen and progesterone levels are calculated from medical surveys on the contraceptive's specific effects on hormonal levels. Registered users will always have access to the workout/nutritional regimen page contingent upon logging in with the correct email and password.

The top navigation bar houses both the E/Pro title and a triple bar that triggers a left-side drawer. This left-side drawer leads both to the user's personal page and a userbase page. The userbase page provides metadata on the entire userbase which details the number of users by age, contraceptive methods by number of users, and contraceptive methods by age and number of users.

Example

App Development

E/PRO is the culmination of an intensive one-week production to demonstrate skillsets gained during the third quarter of the Galvanize Web Immersive program. The ultimate goal is to deploy a production-ready mobile-friendly app that aids women in scheduling fitness and diet in accordance to hormonal cycles.

Real-Time Task Management:
https://trello.com/b/2UcMtrMG/e-pro

Stand-Up and Stand-Down Meeting Notes:
https://docs.google.com/document/d/123UeQj5rZcWYBSZZsAOeV2khFpfh0_z_9trXmqKEo6I/edit

Initial Project Plan:
https://docs.google.com/document/d/1o_fJjAJjN6ap57sRY_2_UMNWrs7iiUU0Y1E5aeEWZMU/edit

Initial Wireframe:
https://docs.google.com/document/d/1OGQ9UKRqdeVrRPJbaDhwO-tbq1UTneJuskO7GKNg9hM/edit

Color Schema and Styling:
Example

Entity Relationship Diagram:
Example

Server Routes and Seed Data:
https://github.com/nigelflippo/epro_api

Hormonal Levels Based on Contraceptive Methods:
https://docs.google.com/spreadsheets/d/17uY40CoRoSx7AAcXc91DV6eTvk4X754zQd8T7hDT0B8/edit#gid=0
https://docs.google.com/spreadsheets/d/1fN_7pFMh2C1Yx7xcXeRv8iJ3hEe1eAxonzAaxh74ss8/edit
https://docs.google.com/spreadsheets/d/17Gv6IzMj6D9YJojoLrjegNdZcDRyF5To_AU45wZFfZY/edit#gid=0
https://docs.google.com/spreadsheets/d/1ce1bsJh7oe0OPq6K_WDZiABzS_OK8Qv0m-7E5hUTImk/edit#gid=0

Fitness Protocol Based on Hormonal Cycle
https://docs.google.com/document/d/14xCMS-qfhZSCtEAC11yCUopZ_R9G9GNv20cKHnJo5kA/edit

Contributions

Galvanize Instructors:
Teddi Maull (Product Manager)
Jodie Rigali
Sean Helvey

App Authors:

Melissa Utomo:

  • Team Lead
  • Operations Manager
  • Color Code and Styling Schema
  • Test Data Seeding
  • MaterialUI Development (React Framework)
  • MaterialUI Interface with Python Web Servers
  • MaterialUI Interface with D3 Visualization
  • Code Debugging and Troubleshooting

Stephanie Marvez:

  • Pharmaceutical Research
  • Fitness Protocol Research
  • Test Data Seeding
  • D3 Visualization Client-Side Development
  • D3 Visualization Interface with Python Web Servers
  • D3 Visualization Interface with MaterialUI Frontend
  • Code Debugging and Troubleshooting

Nigel Flippo:

  • Entity Relationship Diagram
  • Test Data Seeding
  • Python Web Server Development (Flask Framework)
  • Python Web Server Interface with MaterialUI
  • Python Web Server Interface with D3 Visualization
  • Code Debugging and Troubleshooting

Tracey Dolsen:

  • Color Code and Styling Schema
  • Adobe Photoshop Image Enhancement
  • Test Data Seeding
  • D3 Visualization User-Base Development
  • D3 Visualization Interface with Python Web Servers
  • D3 Visualization Interface with Material UI Frontend
  • Code Debugging and Troubleshooting

Neal Balaoing:

  • Initial Wireframing
  • Test Data Seeding
  • MaterialUI Development (React Framework)
  • Python Web Server Routes Testing
  • Readme Compilation
  • Code Debugging and Troubleshooting

Built With

  • React.js
  • MaterialUI
  • D3 Visualization
  • Moment.js
  • Python
  • Flask
  • PostgreSQL
  • Node.js
  • HTML
  • CSS
  • JavaScript
  • NPM
  • Trello - Planning Purposes

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

License

This project is licensed under the MIT License

e-pro's People

Contributors

llamacoder avatar mafutomo avatar nigelflippo avatar smarvez avatar

Watchers

 avatar

e-pro's Issues

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.