--------------------------------------------------------------------------------
Frontend: Next.js 16 + React 19 ⚛️
UI Components: ShadCN/UI + Radix UI 🧩
Styling: Tailwind CSS v4 🎨
Responsiveness: Fully Responsive Dark-First Design 📱💻
Authentication: Clerk Auth with Webhooks 🔑
Code Preview: Sandpack for Live In-Browser Preview 👁️
Code Editor: Monaco Editor (VS Code Experience) ✏️
AI Models: Claude, GPT-4o, Gemini & DeepSeek 🤖
Model Switching: 8 AI Models to Choose From 🔄
Real-time Streaming: SSE for Instant AI Responses ⚡
Backend: Cloudflare Workers + Hono ☁️
File Storage: Cloudflare R2 for Generated Projects 📁
Metadata Store: Cloudflare KV for Fast Lookups 🗄️
Billing System: Credits-Based with Free & Pro Plans 💳
Version History: Timeline, Diff Viewer & Restore 🕐
Project Management: Dashboard with Full CRUD 📊
Export: Download Your Generated Projects 📥
Code Quality: Heavily Commented & Beginner Friendly 📚
This is only for educational purposes to follow along my youtube tutorial.