Skip to content

Latest commit

 

History

History
93 lines (73 loc) · 4.49 KB

README.md

File metadata and controls

93 lines (73 loc) · 4.49 KB
Raw

Track It

An application to help the user track their daily habits, where it's possible to sign-up and sign-in to create a personal space!
First time using libs like react-circular-progressbar and dayjs!

Table of Contents

Overview


Try it out now here.

obs: has a certain responsivity to Tablet and Desktop.

About

This app has the following features:

  • Enables the user to sign in their account
  • In case they don't have any, it's possible to create one in the sign up page
    • To sign up, the user needs to inform their Email, Password, Name and an valid URL image chosen by them.
  • After logging in, the TodayPage is shown, in which the user can:
    • Check their daily habits, if they have any
    • Click on the checkmark to mark it as done in that day
    • Track their current streak and record of days that task/habit has been done
    • And shows the user their daily progress in a circular progress bar on the botton center of the page
  • In the case the user has no habits to be tracked, they can go to the HabitsPage, being able to:
    • Create their habits
    • Choose the days to do the habit
    • Save or Cancel the habits' creation
    • And delete the habit by clicking on the trashcan icon
  • Besides that, on the HystoryPage the user can track their progress on a month calendar, where it's possible to track the days the habis have been done or not
    • To be implemented

Built with

The following tools and libs were used in the construction of the project:

How to run

  1. Clone this repository

  2. Install dependencies

npm i
  1. Run the app with
npm start
  1. Finally, access http://localhost:3000 (the port ':3000' is subjected to changes) on your favorite browser (unless it is Internet Explorer. In this case, review your life decisions)

Author