Skip to content

IhorAntiukhov/daily-habit-tracker

Repository files navigation

Daily Habit Tracker

Daily Habit Tracker is a React app for tracking your daily habits and goals.

You can specify the days of the week to perform the certain habit and the deadline time. The "Progress" page contains statistics on the completion of habits on the chart and on the calendar.

You can add a goal to complete one of your habits by a certain date. You can specify the maximum number of habit skips allowed.

Try the app demo running on Vercel.

Application demo

Todays habits page

Todays habits

All habits page

All habits

Habits progress

Progress

Your goals

Goals

Installation

  1. Install Node.js (in case you haven't installed it).
  2. Download the source code and open a command prompt in the project's root folder.
  3. Install the dependencies needed for the application.
npm install
  1. Start React project and development server.
npm start

Libraries and tools

This app was built using Create React App, Redux Toolkit, Tailwind CSS, React Router, Redux Persist, React Icons, Recharts and Class Names library.