// What It Does
Translates human prompt requirements into clean React + Tailwind CSS components with instant, in-browser live Sandpack preview and persistent cloud storage.
// Core Features
- ✓Google Gemini AI prompt-to-code generation engine
- ✓Sandpack interactive in-browser live runtime preview
- ✓Clerk user authentication & session management
- ✓Real-time persistent project storage via Convex
// Technology Stack
Framework & Sandbox
Next.js
Sandpack
Tailwind CSS
AI, Auth & Cloud
Gemini AI
Clerk
Convex
// Architecture
01.Input: User Prompt → AI LLM Processing (Gemini API)
02.Execution: Dynamic Code Sanitization → Sandpack Sandbox Preview
03.Persistence: Convex Real-time Cloud Database
// Engineering Focus
- Dynamic sandboxed runtime execution without full compilation servers
- Structured AI code generation prompt engineering
- Real-time database sync and state management
// Why I Built It
To explore the future of AI developer tooling and instant in-browser code compilation engines.