Giter Site home page Giter Site logo

_dojo-habit-tracker-client's Introduction

Welcome to Dojo!

Dojo is the name of our habit tracker, where users can sign up and register an account with us! Users can then login into their account and start tracking their habits. Want to track how many laps you have done this week for swimming? You can! Or do you want to track you running habits in the month of July? You can now with Dojo! You can also track you habits in a pie chart to see how well you are doing!

Table of Contents

Installation & Usage

Installation

  • Clone or download the repo
  • Navigate to the dojo_habit_tracker_server folder at the command line
  • Run npm install to install dependencies

Local Usage

  • Enable docker to run on your computer
  • Navigate through the scripts folder, starting with teardown.sh then startDev.sh
  • Navigate through the commands for each script file and run the server locally

Deployment

Testing

  • While in the api folder, git branch to test, run npm test to launch the test suite

See the Sites

Sign up to Dojo...

Screenshot

...and start tracking your own habits!

Screenshot

Technologies used

Planning & Design Tools

HTML/CSS/JS Tools

  • Watchify

Changelog

JavaScript

  • Controllers
    • auth.js
    • habits.js
    • users.js
  • Models
    • habits.js
    • user.js
  • Routes
    • habits.js
    • users.js

Wins & Challenges

Wins

  • Fully responsive app
  • Calendar view enables users to track their progress
  • Add notes to each calendar day
  • Testing at 62% coverage
  • Colourful style to our app

Challenges

  • Reaching test coverage over 60%
  • Deploying to Heroku

Bugs

  • auth.js and user.js are unable to be deployed to heroku, ongoing issue

Goals for the Future!

  • Add more functionality to our metrics page e.g. period on period tracking
  • Missed a day adding notes to a habit, day fills in red
  • Checking boxes on click
  • Social components
    • ability to view streaks
  • Reward systems for those who complete a week streak

Minimum Viable Product

Prework

  • write this README
  • design using Fignma
  • fill Trello board

Functionality

  • login page
  • register page
  • can view notes of habits
  • store habits in users account
  • track habits

Technical

  • 60% test coverage (minimum)
  • deploys on netlify

Technologies

  • express
  • cors
  • jest -DEV
  • supertest -DEV
  • nodemon -DEV
  • jest-fetch-mock -DEV

Fun extras

  • Favicon!

Contributors to README file

  • Saamiya, Thilak & Vincent

_dojo-habit-tracker-client's People

Contributors

saamiya96 avatar vaokolo avatar thilak9 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.