ccollums / fitlit-tracker

Two week group project for a user to track their health statistics, such as steps, water consumed, and sleep. Learning goals were Chart.js, SCSS, and fetching data from RESTful API's.

FitLit Tracker

Mod2 2108 Group Project

Table of Contents

• Abstract
• Technologies
• Illustrations
• Install
• Wins
• Challenges
• Additions
• Contributors
• Specs
• Demo

Abstract

FitLit Tracker is an app that allows the user to track their health statistics. The user can view their steps taken, water consumed, quantity and quality of their sleep, and steps climbed. They can also compare their stats to their friend's stats and also the average of all users in the database. A user can also add data to their profile

Technologies

• HTML
• CSS
• JavaScript
• Mocha/Chai
• Webpack
• Node.js
• Chart.js
• fetch API
• SCSS/SASS
• ESLint

Illustrations

Install

• Clone this repo to your machine

• cd into the directory fitlit-api

• Run npm install

• Run npm start

• Clone down this repo to your machine

• cd into the directory fitlit-tracker

• Run npm install in the terminal

• Run npm start in the terminal

• In the browser go to http://localhost:8080/

Wins

• After much research and trial and error, fetch API functionality was working
• Class methods and functionality were working correctly

Challenges

• Fetch API
• Chart.js
• Post method

Additions

Future Iterations

• Add user's friends
• Today's steps functionality
• Ability to create a new user
• Finish incorporating SCSS

Contributors

• Carly Collums
• Tanya Z
• Brian Peterson
• Tony Hsu

Specs

Project specs can be found here

• FitLit

Demo

• Video demo can be found here

Artists

• Friends by Edwin PM from the Noun Project
• Fitness by Guilhem from the Noun Project