Streakly | Discipline Mirror

"Identity is a repeatable process."

Streakly is a high-performance, mobile-first habit discipline system built with unique "Void" aesthetics. It focuses on strict streak maintenance and achievement unlocking to gamify personal growth.

🚀 Features

• Void User Interface: Premium dark mode with glassmorphism and neon accents.
• Strict Logic: Miss a mandatory habit? Your streak resets. No excuses.
• Achievement System: Unlock 20+ badges (Bronze, Silver, Gold, Legendary) for consistency, dedication, and mastery.
• Trophy Room: Visual gallery of your earned discipline artifacts.
• Offline First: All data lives on your device (IndexedDB). Zero latency.
• Responsive: Optimized for mobile, but creates a rich dashboard experience on desktop.

🛠️ Stack

• Framework: React 19 + Vite
• Styling: TailwindCSS v4 + Framer Motion
• Database: IndexedDB (local storage)
• Icons: Lucide React

⚡ Deployment

Deploy to Vercel

This project is optimized for deployment on Vercel.

1. Push this code to your GitHub repository.
2. Log in to Vercel.
3. Click "Add New..." -> "Project".
4. Import your Streakly repository.
5. Vercel will auto-detect Vite. The default settings (npm run build) are correct.
6. Click Deploy.

📦 Local Development

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

📄 License

MIT © TarunyaProgrammer