Skip to content

A vanilla javascript project that calls on a restful API to display a users fitness data. Desktop and mobile enabled.

Notifications You must be signed in to change notification settings

gaj23/fitlit

 
 

Repository files navigation

🔥 Fired Up over FitLit 🔥


Table of Contents


Introduction

Designed with desktop and mobile viewing in mind, our variation of FitLit provides a simplicity of design that doesn't interfere with user data display.

This project was set forth by Turing School of Software and Design with specific parameters to be met. The current iteration (as of 2020/12/17) fulfills up to iteration 4 as outlined in the rubric. Our team paid close attention to responsive design, thorough testing, DRY SRP coding by utilizing an additional helper file.

Features

Visit our site here to interact with our creation!

Date Selection

Choose any date and we'll display the data in relation to your selection!

Mobile

Desktop

Icon Interaction

Depending on what icon you choose will result in different details of data being shown!

Mobile

Desktop

Technologies

  • HTML
  • CSS
  • JS
  • ESlint
  • Node for testing
  • Flat Icon for icons
  • WAVE
  • Miro for planning & wireframing

Reflections

Team Work

For this project, both of us expressed how we felt our communication was clear and often. This allowed for us to feel comfortable divving up responsibilities to manage the time difference that existed between us. Additionally, if any problems arose or questions arose, there was no hesitiation to reach out.

Future Iterations

More specifics about future work or refactoring can be found in our GH Issues page, but in general:

  • Implement Chart.js for easier to read weekly data display
  • Add in a friend view for a user.
  • Drag and drop widgets depending on a user's preference.

Contributions

Thank you Casey Dallavalle and Elle Li

How to Contribute

If you are interested in contributing please:

  • clone down this repo: https://github.com/gaj23/fitlit
  • create a new branch: git checkout -b your-initials/feature/feature-name
  • contribute as you like
  • in the terminal, push the branch upstream
  • create a pull request via github
  • wait for our reply

If testing: Start by installing npm with npm install in your terminal. Followed by uncommenting line 1 of the Class files. This line requires helper.js so when node is run, the Classes have access to the helper and doesn't throw any issues. When testing is complete remember to comment out line 1. If it remains, it breaks our browser experience and throws errors in the console. This is a noted issue with no other work around.

Thank you in advance for your input!

Authors

Thao Ma GH Gabrielle Joyce GH
Ms. Turtle Ms. Joyce

About

A vanilla javascript project that calls on a restful API to display a users fitness data. Desktop and mobile enabled.

Resources

Stars

Watchers

Forks

Releases

No releases published

Languages

  • JavaScript 99.5%
  • Other 0.5%