Skip to content

Latest commit

 

History

History
69 lines (58 loc) · 4.56 KB

README.md

File metadata and controls

69 lines (58 loc) · 4.56 KB
Raw

FitLit Lifestyle Tracker

Instructions for install:

  1. Install the API
  • Go to fitlit repo & copy code OR copy this: [email protected]:turingschool-examples/fitlit-api.git
  • git clone and paste code
  • cd into new folder
  • run npm install then npm start
  1. Copy this Repo's code and git clone the Repo in your console.
  • CD into the new folder.
  • run npm install then npm start
  1. In your browser: navigate to host

User Instructions:

  1. As the user, there are many options of what kind of information you would like to see, as there is much available to you. Your stats can interact with other users and you can see your averages and how they compare to theirs, giving you the opportunity to challenge yourself to overcome mediocrity, or to even set yourself apart and get ahead of the curve.
  2. Beginning from the main page, you will see your user section and a grid of charts that are interactive. Pick one based on your interest at the time. The three main categories of this app can be thought of as Activity, Hydration and Sleep.
  3. Within each graph, the option for displaying as a grid will give you the opportunity to see this information and GRID more in a way where it will be easier to differentiate averages and goals with other users.
  4. Enter Daily Activity: You may enter your activities, hydration, and sleep for the day:
  • Click your photo at the top right.
  • Enter all fields with numbers.
  • Click "Submit Activities Update" Button
  • This will be added to your account and tallied up with all data for your reference. You may want to add a stair climb (measured by flights) or your step reading off of your step tracker (make sure your stride length is accounted for so we can calculate miles more accurately). Each field should let you know units to enter. Note: when entering units of water make your measurement of intake in ounces.
  1. You have a step goal that you should try to complete every day so stay on track in entering this information so that you can see your development over time. Your weekly data reflects any information you have about that week regarding your activities, sleep or how much water intake you logged throughout that week.

Screenshot of the main dashboard:

Screen Shot 2021-03-03 at 1 32 48 PM

Dashboard on Mobile:

productDemo

Learning and Development

This project has challenged our team in many ways and utilizes technologies that are new to us. Some of these are:

Technologies





New technologies utilized

  • Webpack ^4.31.0
  • node-sass ^5.0.0
  • JSCharting ^3.0.2 (dependency providing chart functionality)

Credits

Project part of curriculum at Turing School of Software Design -

Future updates may include:

  • a page for challenges between friends involving the Activity class.
  • further error handling of responses that deals with any potential issue
  • update for potential data security issues and secure login