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

2. Copy this Repo's code and git clone the Repo in your console.

• CD into the new folder.
• run npm install then npm start

3. 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.

5. 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:

Dashboard on Mobile:

---

Learning and Development

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

• Webpack - Webpack - Academind
• sass stylings - SASS
• JS Charting - JSCharting
• Promise.all - Promise.all on MDN
• API/localhost - with node

---

Technologies

New technologies utilized

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

---

Credits

---

• Josh Aragon -> view josharagon on Github
• Paige Vannelli -> view PaigeVannelli on Github
• Cameron Mackintosh -> view cameronmackintosh on Github
• Chuck Morris -> view percworld on Github

---

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