tylrs / stick-to-it-ui

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Stick To It

Table of Contents

Overview

  • Stick To It is a web application for users to keep track of their habits.

Installation and Viewing

To view this application on your local device:

  • Clone down this repository
  • Run npm i in your terminal
  • Run npm start in your terminal
  • To view Cypress tests open a separate terminal window and run npm run test

Technologies Used

React Badge TypeScript Badge JavaScript Badge HTML5 Badge CSS3 Badge Cypress Badge

Features

  • Users can create accounts and securely log in
  • Users can log out
  • Users can create and delete habits
  • Users can see the habits they need to complete for a week
  • Users can mark habits as complete or incomplete for a given day
  • Users can see which habits they have scheduled for the given day
  • Users can see errors when forms are completed incorrectly

Sample Profile Screenshots and GIFs

Weekly Habits View

Today Habits View

Creating a Habit


Wireframes

  • All Habits Wireframe:
  • Today Habits Wireframe:

Future Additions

  • Connecting users together as partners on habits
  • Customizing frequency of habits
  • Have multiple levels of intensity for habits which increase on certain dates

Back to top

About


Languages

Language:TypeScript 62.8%Language:CSS 22.2%Language:JavaScript 14.2%Language:HTML 0.8%