AI full-stack web development in browser
Prompt, run, edit, and deploy full-stack web apps directly in your browser using AI.
10 ready-to-use prompts — click any card to copy, or paste into the writer above.
Build a full-stack task manager with React frontend, Node/Express backend, SQLite database. Features: create, edit, delete tasks, priority levels, due dates, mark complete, filter by status. UI: clean minimal Tailwind. Include JWT auth. Deliver all files to run locally.
Create a REST API with JWT authentication. Endpoints: POST /register, POST /login, GET /profile (protected), PUT /profile (protected), DELETE /account (protected). Use Express, bcrypt, jsonwebtoken, store users in SQLite. Include Postman collection and seed script.
Build a Chrome extension that adds a button to Gmail, reads the current email thread when clicked, sends it to OpenAI API to summarize in 3 bullets, and displays the summary in a styled popup panel. Include manifest.json, popup.html, background.js, and content.js.
Build a React dashboard that lets users paste text and analyze it using the OpenAI API. Features: sentiment analysis, key entity extraction, readability score, word frequency chart using Recharts. Clean UI with Tailwind, loading states, and error handling. Single page app, no backend.
Create a Node.js CLI tool called commitai that reads the current git diff, sends it to an AI API, generates a conventional commit message, asks the user to confirm or edit it, then runs git commit. Include package.json to publish as an npm package runnable with npx.
Build a modern SaaS landing page for an AI writing assistant. Sections: hero with animated headline, 3 feature blocks with icons, pricing table with 3 tiers, testimonials carousel, FAQ accordion, and footer. React + Tailwind. Mobile responsive. Add smooth scroll and subtle entry animations.
Build a real-time chat application. Features: multiple rooms, user nicknames, message history in SQLite, typing indicators, online user list. Tech: React frontend, Node/Express + Socket.io backend. Clean minimal UI. No auth required. All files to run with npm install and npm start.
Build a web app where users upload a CSV file, the app auto-detects column types, and generates: a data summary table, a bar chart and line chart of numeric columns using Recharts, and allows downloading a cleaned version. React + Tailwind. Client-side only, no backend.
Build a static markdown blog engine with Next.js. Features: read .md files from a /posts folder, render to HTML with syntax highlighting, tag filtering, search by title, RSS feed, and a clean reading-focused design. Include 3 sample posts. Deploy-ready for Vercel.
Write a Playwright script that: logs into [website], navigates to the dashboard, scrapes a specific data table, saves results to a CSV with timestamp, takes a screenshot as evidence, and sends a Slack webhook notification with the row count. Add retry logic for failures.