Giter Club home page Giter Club logo

fitlit-optiona's Introduction

Refactor Tractor - Fitlit (version A)

Fitlit is a dashboard that, for a user, presents their latest activity data, goals, and milestones.

The project spec can be found here.

The original project spec can be found here.

Install

  1. Clone down the api server git clone https://github.com/turingschool-examples/fitlit-api
    1. This API holds the data our project will fetch in order to populate the browser with info
  2. CD into your local clone cd fitlit-api
  3. Install project dependencies npm install
  4. Run npm start
  5. Clone down this repository git clone https://github.com/tylrs/fitlit-optionA
  6. CD into your local clone cd fitlit-optionA
  7. Install project dependencies npm install
  8. Run npm start and open localhost:8080 in your preferred browser

Goals

  • Build on top of pre-existing code that you did not write and navigate someone else’s codebase
  • Make network requests to API endpoints to retrieve and manipulate data
  • Refactor pre-existing code and use inheritance to DRY up repetitive logic
  • Ensure your app is following best practices for accessibility
  • Leverage Sass to DRY up your CSS

Features

Screenshot showing responsive app

Screenshot showing responsive app

Screenshot showing post working for steps

Screenshot showing post working for steps

Screenshot showing post not working for steps

Screenshot showing post not working for steps

Screenshot showing post working for hydration

Screenshot showing post working for hydration

Screenshot showing post working for sleep

Screenshot showing post working for sleep

Contributors

This application was written by Ash O'Brien, Taylor Galloway, and Alex Kio; Mod 2 frontend engineering students at Turing School of Software & Design.

Technologies Used

This application uses vanilla JavaScript, HTML, and SCSS. Mocha and Chai are used as the testing suite. Webpack is used to bundle the javascript and as the SASS compiler. GitHub and Git are used for version control and collaboration. HTTP Request is being used to Get and Fetch data.

Future Additions

We are unlikely to add any future functionality to this application, but here are some ideas for features that might improve it:

  • Update methods that use find to use filter
  • Separate methods into more classes
  • Refactor all methods that use indexOf and divide by 7 instead of array.length
  • Update styling and organization of how data is presented to the user

fitlit-optiona's People

Contributors

alexmkio avatar ashleyoh-bit avatar tylrs avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.