ConsistencyWebApp

A habit-tracking application designed to help users build and break habits by maintaining consistency. The app visualizes user progress with streaks, calendars, and daily reports.

Features

• Task Management: Create and manage good and bad habits.
• Task Analysis: Displays current streak, max streak, and consistency through Nivo Calendar.
• Daily Report: View task completion and hours spent on specific dates.

Technologies Used

• Frontend: Next.js, React, Tailwind CSS
• Backend: Node.js, Express.js
• Database: MongoDB
• Data Visualization: Nivo Calendar

Installation

1. fork this repository

2. clone the repository on you device:

   git clone https://github.com/abhayksahu369/ConsistencyWebApp.git
   cd ConsistencyWebApp

3. setting up frontend

   cd client
   npm install
   npm run dev

4. setting up backend:

   • add you mongodb link in server\utils\dbConfig.js
   • create .env file and set up JWT_SECRET_KEY="your_key"

   cd..
   cd server
   npm install
   node index.js

5. you need to register first http://localhost:3000/auth/register

6. then you need to login http://localhost:3000/auth/login

7. after doing all these , you can create and see your tasks

Usage

• Navigate to the home page to view your habits.
• Click on any task to view streaks, calendar, and analysis.
• Use the report page to view tasks completed and hours logged for a specific date.

Contributing

Feel free to fork this repository and make contributions via pull requests.