All projects
Featured project

AI App Builder

Turns a natural-language prompt into a running, previewable app.

01 · The problem

Developers spend significant time writing boilerplate before they ever reach the actual business logic. AI App Builder collapses that step — it generates project structure and code straight from a prompt, and renders it live in the browser instantly, no local setup required.

02 · Architecture

Frontend

Next.js 15TypeScriptTailwind CSSShadcn UI

Authentication

Clerk

Database

Supabase (PostgreSQL)Prisma ORM

AI

Gemini API

Generates code from the user's prompt, then hands it to the preview layer.

Live Preview

Sandpack

Why Sandpack? Instead of forcing users to download generated code, Sandpack renders and lets them interact with it instantly in the browser.

Deployment

Vercel

03 · Request / generation flow

Prompt
Gemini AI
Generated Code
Sandpack
Live Preview

04 · Challenges & solutions

Challenge

Maintaining structured AI responses — the model sometimes produced incomplete or malformed output that broke the preview.

Solution

Built structured prompts plus validation logic that checks generated responses for consistency and completeness before they're ever rendered in the editor.

05 · Key features

AI-powered code generation from natural language
Prompt-based application creation
Live code preview with Sandpack
Secure authentication with Clerk
Cloud storage with Supabase
Real-time project management
Modern responsive dashboard

06 · By the numbers

10+ AI-powered workflows
Live code preview
Secure authentication
Multiple generated project types

07 · Full tech stack

Next.js 15TypeScriptGemini AIClerkPrisma ORMSupabaseSandpackTailwind CSSShadcn UIVercel