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
  • About
• Built with
• How to run
• Author

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

3. Run the app with

npm start

4. 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

• LinkedIn - Lucas Azzolini Vieira
• Frontend Mentor - @Lucas-zz
• GMail - [email protected]