Giter Club home page Giter Club logo

fitlit's Introduction

FitLit

An Activity Tracker
Explore the docs »

Table of Contents
  1. About The Project
  2. Setup
  3. Roadmap
  4. Features
  5. Contact

About The Project

Are you looking for an easy way to track your wellness activities? Look no further! FitLit will dynamically display your different activity data, let you input new data, and allow you to compare your daily vs. weekly measurements. You can even see how your numbers stack up against the average of every other users' inputs in the database, as well as your individual all-time averages.

FitLit preview gif


This two-part project was assigned during the second module of Turing's Front-End Engineering program, about 8-10 weeks into its students learning how to code. The details of this project are outlined in these Part 1 and Part 2 project specs.

Built With

  • JavaScript
  • CSS
  • HTML5
  • Mocha
  • Chai

(back to top)

Setup

  • Clone the repository to your local machine
  • cd into the project
  • Run npm install to install project dependencies
  • Run npm start to launch the live server
  • Copy and paste the provided localhost URL into your browser
  • Explore and enjoy!

(back to top)

Roadmap

  • Implement widget extensions
  • Use chart.js to display data

(back to top)

Features

  • Implements both GET and POST network requests via fetch API to retrieve, display, and add new user data
  • Utilizes class-to-class interaction and a robust Mocha and Chai testing suite

Reflections

  • Wins:
    We were proud of the dynamic code created to organize our User class structure so that it identifies a unique user's information from multiple data bases. We also utilized iterator methods both in our main script file as well as our testing suite.

  • Challenges:
    This was all of our group members' first time working with WebPack, network requests, and form validation.

(back to top)

Contact

Hazel Pablo - LinkedIn - GitHub
Hunter Monroe - LinkedIn - GitHub
Tori Fields - LinkedIn - GitHub
Matthew Press - LinkedIn - GitHub

(back to top)

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.