/Refactor-tractor-Fit-lit

Group project building upon existing Fitlit code base. Mod 2 with Austen Dunn and Naomi Campos

Primary LanguageJavaScript

FitLit App > Refactor Tractor

Refactor Tractor Project by Austin Dunn, Naomi Campos & Heather Faerber

Compare our product with the original product outlined in the lower portion of this ReadMe below

Setup

Clone the repo. Run npm install to ensure all dependencies are running.

Project details

We were given the FitLit App below to work through and build upon using some additional, new technologies.

Key focus areas and objectives were to:

  • Get familiar with the existing code base
  • Find and refactor any areas for more DRY/Dynamic code
  • Resolve any accessibility and cross-browser compatibility issues
  • Implement inheritance, Sass, fetch requests, spies, and enhanced Git workflow

Pain Points and Wins

  • There are open issues that we would have liked to resolve with more time
  • We did not have a chance to begin implementing spies in our testing suite
  • Our refactored project passes the chrome accessibility audit with a score of 100 after beginning with a score of 61.
  • Fetch requests for 'get' and 'post' were successfully implemented
  • Classes were successfully refactored for use inheritance
  • We each gain some exposure to various features of Sass

See the revised Project

Compare to the original below

screencapture-of-final-project

Original FitLit Project by Ayla Dharamsey & Pol Antoni Sieira

See below for original product ReadMe, spec and details

FitLit App

This project is a fit-bit like application that utilizes a dataset of 50 people and records their Sleep, Activity, Hydration, and Personal data, then displays them on a website.

Setup

Clone the repo. Run npm install to ensure all dependencies are running. Enjoy!

Testing

There are tests for all classes and functionality.

Run npm install to set up any dependencies that the tests may be utilizing.

Run tests by running npm tests.

Original Project Prompt

image

  • Follow the specification below to make a working application
  • Implement ES6 classes that communicate to each other as needed
  • Write modular, reusable code that follows SRP (Single Responsibility Principle)
  • Implement a robust testing suite using TDD
  • Use object and array prototype methods to perform data manipulation
  • Display information on the page while maintaining ability to test class properties and methods
  • Create a data dashboard that is easy to use and displays information in a clear way

screencapture

Created By

Ayla Dharamsey & Pol Antoni Sieira