🌟 Habit Tracker

A beautiful, modern habit tracking application built with Next.js 15 and the latest web technologies.

🚀 Live Demo • 🛠️ Installation

---

✨ Features

• 🎯 Smart Habit Tracking - Create, edit, and track your daily habits
• 📊 Visual Progress - Beautiful activity calendar showing your streaks
• 📱 Responsive Design - Works on desktop and mobile
• 🌓 Dark Mode - Toggle between light and dark themes
• 🔐 Secure Authentication - Powered by Supabase Auth
• 📈 Statistics - Track completion rates and streaks

🛠️ Tech Stack

• Next.js 15 - React framework with App Router
• TypeScript - Type-safe JavaScript
• Tailwind CSS - Utility-first CSS framework
• Supabase - Backend-as-a-Service with PostgreSQL
• Prisma - Database ORM
• shadcn/ui - UI components

🚀 Getting Started

Prerequisites

• Node.js 18+
• npm or yarn or pnpm

Installation

1. Clone the repository

   git clone https://github.com/Sham1ko/habit-tracker.git
   cd habit-tracker

2. Install dependencies

   npm install

3. Set up environment variables

   cp .env.example .env.local

   Fill in your environment variables:

   # Supabase
   NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
   NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
   
   # Database
   DATABASE_URL=your_database_url

4. Run database migrations

   npm run db:migrate

5. Start the development server

   npm run dev

6. Open your browser

   Visit http://localhost:3000 to see the app! 🎉

🎯 Usage

1. Sign up or log in to your account
2. Create your first habit by clicking "New Habit"
3. Set a clear goal and choose frequency (daily, weekly, monthly)
4. Track progress by marking habits as complete
5. View streaks and statistics on the dashboard

---

⭐ If you found this project helpful, please consider giving it a star! ⭐

Made with ❤️ by Sham1ko