Project Board | Project Wireframe
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.
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
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
- HTML
- CSS
- Javascript
- Mocha
- Chai
- Webpack
- API Fetch Requests
- Chart.js
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
- 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
- Form validation in HTML
- Git error handling
- Balancing commit frequencies among group members
- Learning to format charts using the third party library
Marianne Barton | mhood24@gmail.com | GitHub | LinkedIn
Alycia Canavan | alycia.canavan@gmail.com | Github | LinkedIn
Scott Gaines | scottdgaines@gmail.com | Github | LinkedIn
- Icons created using Canva
- Wireframe created using Excalidraw
- Project board created with Trello
- 3rd party chart library Chart.js