21 Days Habit Tracker

Web
Active

21 Days Habit Tracker is a motivational web application that helps users form habits following the 21-day theory, where performing an activity for 21 consecutive days turns it into a natural habit.

The application is designed for people looking to form new habits in a structured and motivational way, providing a visual tracking system and configurable rewards.

It includes a visual day counter, linear progress calendar, customizable reward system, multi-language support (Spanish and English), and educational content about habit formation theory.

The project is built with React 18+ and TypeScript, uses Tailwind CSS for styling, React Router for navigation, react-i18next for internationalization, and Zustand for state management. Data is stored locally in the browser.

Stack

Frontend

GitHub
React
TypeScript
Tailwind CSS
React Router
react-i18next

Tools

Vite
ESLint
Lucide React