FitLit

let's get lit

Overview

Tired of never being able to keep track of how much water 🚰 you've consumed, or how many steps 🚶🏿‍♀️ you've taken? Always wondered how many hours you've slept 😴 this week? FitLit is here to help!

FitLit is an activity-tracking app that compiles and displays a user's data, including hydration, sleep, and daily step goal. It was built using a previously-supplied data set with architectural and functionality requirements set by Turing School of Software and Design, following the principals of Test Driven Development and Object Oriented Programming.

Project Context

We are students in the Front-End Program at Turing School of Software and Design. Fitlit is our Mod 2 group project, which means we have been software developers for just about 2 months! 🙌

Learning Goals for this project included:
✔️ Planning and writing ES6 classes (OOP)
✔️ Making network requests to retrieve and manipulate data
✔️ Using object and array prototype methods to manipulate data ✔️ Implement best accessibility practices
✔️ Robust TDD

Link to Project Description

Setup

If you'd like to pull down the code to your local machine:

Make a copy of this repository by pressing the 'Fork' button in the upper right corner, and following the prompts
Pull your copy of the repository down to your local machine:

On the remote repository's page, click the green 'Code' button, select SSH, and copy the URL
Run git clone <copied URL> in your command line
cd into the root directory

Run npm install in your command line to install the necessary dependencies

Technologies Used

HTML
CSS
Javascript
Mocha
Chai
Webpack
API Fetch Requests
Chart.js

Future Iterations

Moving forward, and after revisiting the script to refactor for DRYness and formatting, we plan to develop features for:

Allowing the user to customize their avatar
Allowing the user to navigate to their friends' profiles
Allowing the user to search for people by name or username
Allowing the user to modify previously-entered data

Dev Notes

Wins

Fully functional, interactive page
Excellent group dynamic and communication
Mostly-smooth git workflow
Learning how to implement a dynamic chart widget
Dynamic, SRP functions
High level of accessibility

Challenges

Form validation in HTML
Git error handling
Balancing commit frequencies among group members
Learning to format charts using the third party library

Dev Contacts

Marianne Barton | mhood24@gmail.com | GitHub | LinkedIn

Alycia Canavan | alycia.canavan@gmail.com | Github | LinkedIn

Scott Gaines | scottdgaines@gmail.com | Github | LinkedIn

Credit

Icons created using Canva
Wireframe created using Excalidraw
Project board created with Trello
3rd party chart library Chart.js

Mlberry0205/fitlit