iHabit

Live Demo

Check out the live demo here: iHabit Tracker

Repository Link:

https://github.com/esrafil418/iHabit

A modern, lightweight habit tracking application built with React and TypeScript. Track your daily habits, view weekly progress, and maintain streaks with an intuitive interface.

Features

• Weekly View: Track habits across a weekly calendar view with easy navigation.
• Habit Management: Add, complete, and delete habits effortlessly.
• Streak Tracking: Automatic streak counting for motivation.
• Local Storage: All data persists in your browser's local storage.
• Modern UI: Clean, dark-themed interface with responsive design.

Technologies

• React 19:with Hooks and Context API.
• TypeScript: for type safety.
• Tailwind CSS 4: for styling.
• date-fns: for date manipulation.
• Vite: for fast development and building.

Getting Started

To get started with this project, you can clone the repository and install the

dependencies:

• Node.js (version 18 or higher)
• npm or yarn package manager

git clone https://github.com/esrafil418/iHabit.git
npm install

Once the dependencies are installed, you can run the development server:

npm run dev

Read more in Github Repository.