Projects to build with AI coding tools
Each project includes real technology choices, a step-by-step build process, a starter prompt you can paste into an AI coding tool, and deployment instructions.
Beginner projects
Small, self-contained builds that are a great first real project with an AI coding tool.
AI-Powered SaaS Landing Page
Build a fast marketing landing page for a SaaS product with a hero, feature grid, pricing table, and an email capture form wired to a real API route.
Developer Portfolio Website
Build a personal portfolio site with a project showcase, an about page, and a contact form — a great first real project for practicing AI-assisted front-end development.
Markdown-Powered Blog
Build a statically generated blog with Markdown/MDX posts, categories, and per-post SEO metadata — a solid project for learning content-driven Next.js sites.
Intermediate projects
Multi-page apps with a real backend, database, and third-party integrations.
Invoice Application
Build a small-business invoicing tool: manage clients, create line-item invoices, generate PDFs, and track paid/unpaid status.
AI Chatbot for a Website
Build an embeddable AI-powered chat widget that answers questions using an LLM API, with streaming responses and persisted conversation history.
AI Content Generator
Build a tool that turns a short brief into marketing copy, blog outlines, or social posts using an LLM API, with saved history and export options.
Advanced projects
Multi-tenant, production-shaped systems with auth, billing, and role-based access.
CRM & Lead Management System
Build a lightweight CRM for tracking leads through a sales pipeline, logging activity, and managing contact records.
SaaS Analytics Dashboard
Build a multi-tenant SaaS dashboard with team accounts, Stripe subscription billing, and usage analytics charts.
Not sure which project to start with?
Pick a tool from the directory first, then come back and choose a project that matches your skill level.