Cover slot
Personal Finance Dashboard
Replace this frame with your generated project thumbnail later.
Personal Finance Dashboard Create a clean dashboard with charts, filters, cards, and transaction views.
Why this matters
Teaches reusable UI structure, visual hierarchy, and data-first layouts.
React TypeScript Chart.js Tailwind
Good next build in this track
View brief
Cover slot
Kanban Productivity Board
Replace this frame with your generated project thumbnail later.
Kanban Productivity Board Ship drag-and-drop columns, optimistic UI, filters, and keyboard-friendly interactions.
Why this matters
Builds confidence in dense stateful interfaces and interaction polish.
Next.js TypeScript DnD Kit Tailwind
Good next build in this track
View brief
Cover slot
Streaming AI Workspace UI
Replace this frame with your generated project thumbnail later.
Frontend Top build
Project 04
Signature Streaming AI Workspace UI Design a streaming assistant workspace with threads, tool states, and high-quality loading motion.
Why this matters
Feels like a real premium product and stands out strongly in portfolios.
Next.js TypeScript Framer Motion AI SDK
Strong portfolio capstone
View brief
Cover slot
Visual Builder Studio
Replace this frame with your generated project thumbnail later.
Frontend Top build
Project 05
Signature Visual Builder Studio Build a multi-panel design studio with resize handles, live preview, and block composition.
Why this matters
Shows serious UI engineering depth beyond normal tutorial projects.
React TypeScript Zustand Tailwind
Strong portfolio capstone
View brief
Cover slot
Auth Session API
Replace this frame with your generated project thumbnail later.
Auth Session API Build login, refresh token rotation, protected routes, and role-aware middleware.
Why this matters
Covers clean auth structure and service boundaries from day one.
Node.js Express JWT PostgreSQL
Good next build in this track
View brief
Cover slot
URL Shortener Service
Replace this frame with your generated project thumbnail later.
URL Shortener Service Create a short-link API with slug generation, analytics counters, and expiry rules.
Why this matters
Builds API design, validation, and service-to-data discipline.
Node.js Fastify Redis PostgreSQL
Good next build in this track
View brief
Cover slot
Multi-Tenant Billing Engine
Replace this frame with your generated project thumbnail later.
Backend Top build
Project 04
Signature Multi-Tenant Billing Engine Build plans, subscriptions, invoice states, and org-level access controls.
Why this matters
Looks like real SaaS backend work instead of a toy CRUD app.
Node.js TypeScript PostgreSQL Stripe
Strong portfolio capstone
View brief
Cover slot
Audit Event Pipeline
Replace this frame with your generated project thumbnail later.
Backend Top build
Project 05
Signature Audit Event Pipeline Capture product events, enrich them, and expose a searchable audit trail API.
Why this matters
Demonstrates architecture thinking, observability, and backend maturity.
NestJS Kafka PostgreSQL Docker
Strong portfolio capstone
View brief
Cover slot
High-Write Order Ledger
Replace this frame with your generated project thumbnail later.
Database Top build
Project 04
Signature High-Write Order Ledger Model orders, payments, status transitions, and immutable event history under heavy write pressure.
Why this matters
Strong portfolio story for transaction-heavy product experience.
PostgreSQL Partitioning Indexes SQL
Strong portfolio capstone
View brief
Cover slot
Query Performance Tuning Suite
Replace this frame with your generated project thumbnail later.
Database Top build
Project 05
Signature Query Performance Tuning Suite Profile slow queries, redesign indexes, and document before-vs-after performance wins.
Why this matters
Shows real database engineering skill instead of just schema creation.
PostgreSQL EXPLAIN Indexes SQL
Strong portfolio capstone
View brief
Cover slot
Blog CMS Dashboard
Replace this frame with your generated project thumbnail later.
Frontend + Backend
Project 02
Easy Blog CMS Dashboard Ship post creation, draft states, image upload, and dashboard editing tools.
Why this matters
Teaches admin UI and content APIs without too much product complexity.
Next.js Prisma PostgreSQL UploadThing
Good next build in this track
View brief
Cover slot
Event Booking Portal
Replace this frame with your generated project thumbnail later.
Frontend + Backend
Project 03
Intermediate Event Booking Portal Create listings, time slots, booking limits, and simple organizer tools.
Why this matters
Introduces relational data flow and real product edge cases.
Next.js TypeScript PostgreSQL Clerk
Good next build in this track
View brief
Cover slot
Team Expense Splitter
Replace this frame with your generated project thumbnail later.
Frontend + Backend
Project 04
Intermediate Team Expense Splitter Track shared expenses, settle balances, and create clean group summaries.
Why this matters
Strong practice for calculations, validation, and user-based data views.
React Node.js PostgreSQL Prisma
Good next build in this track
View brief
Cover slot
Customer Support Inbox
Replace this frame with your generated project thumbnail later.
Frontend + Backend
Project 05
Intermediate Customer Support Inbox Build threads, ticket states, assignee filters, and response templates.
Why this matters
Looks practical and teaches workspace-style UI with service logic.
Next.js TypeScript Node.js PostgreSQL
Good next build in this track
View brief
Cover slot
Interview Scheduler
Replace this frame with your generated project thumbnail later.
Frontend + Backend
Project 06
Advanced Interview Scheduler Manage interviewer slots, candidate stages, reminders, and schedule conflicts.
Why this matters
Solid product logic with enough moving parts to feel real.
Next.js Node.js PostgreSQL Cron
Good next build in this track
View brief
Cover slot
Creator Course Platform
Replace this frame with your generated project thumbnail later.
Frontend + Backend
Project 07
Advanced Creator Course Platform Ship lessons, progress, gated content, creator dashboards, and member access.
Why this matters
A premium-looking build with clear business value and product depth.
Next.js Clerk Stripe PostgreSQL
Good next build in this track
View brief
Cover slot
Live Polling Room
Replace this frame with your generated project thumbnail later.
Frontend + Backend
Project 08
Advanced Live Polling Room Create rooms, live audience voting, instant leaderboards, and host controls.
Why this matters
Great practice for realtime sync without overbuilding a huge system.
Next.js Socket.io Node.js Redis
Good next build in this track
View brief
Cover slot
Ops Incident Center
Replace this frame with your generated project thumbnail later.
Frontend + Backend Top build
Project 09
Signature Ops Incident Center Build severity timelines, incident owners, service impact dashboards, and postmortem flows.
Why this matters
Feels senior and stands out immediately on resumes and demos.
Next.js TypeScript Node.js PostgreSQL
Strong portfolio capstone
View brief
Cover slot
SaaS Admin Control Plane
Replace this frame with your generated project thumbnail later.
Frontend + Backend Top build
Project 10
Signature SaaS Admin Control Plane Manage orgs, seats, permissions, billing states, and audit actions from one dashboard.
Why this matters
High-signal project that looks like real product infrastructure experience.
Next.js PostgreSQL Prisma Stripe
Strong portfolio capstone
View brief
Cover slot
Freelance Proposal Hub
Replace this frame with your generated project thumbnail later.
Freelance Proposal Hub Users can create client proposals, pricing blocks, approval links, and project statuses.
Why this matters
A clean end-to-end product with strong real-world relevance.
Next.js Clerk PostgreSQL Tailwind
Good next build in this track
View brief
Cover slot
Dev Portfolio CMS
Replace this frame with your generated project thumbnail later.
Dev Portfolio CMS Build a custom portfolio editor with project sections, content drafts, and publish controls.
Why this matters
Good full-stack proof that you can build and manage your own product.
Next.js Prisma PostgreSQL UploadThing
Good next build in this track
View brief
Cover slot
Collaboration Notes Platform
Replace this frame with your generated project thumbnail later.
Collaboration Notes Platform Support note sharing, workspaces, role-based access, and structured content blocks.
Why this matters
Looks richer than a simple CRUD app and shows product-system thinking.
Next.js TypeScript PostgreSQL Prisma
Good next build in this track
View brief
Cover slot
Internal Tools Suite
Replace this frame with your generated project thumbnail later.
Full Stack Top build
Project 04
Signature Internal Tools Suite Create request queues, approvals, team metrics, and internal admin workflows in one product.
Why this matters
A very strong project because it mirrors how real companies build internal software.
Next.js PostgreSQL Prisma Clerk
Strong portfolio capstone
View brief
Cover slot
AI Project Delivery Platform
Replace this frame with your generated project thumbnail later.
Full Stack Top build
Project 05
Signature AI Project Delivery Platform Combine workspaces, generation history, prompt assets, user billing, and team collaboration.
Why this matters
Premium capstone build with enough scope to impress both recruiters and clients.
Next.js AI SDK PostgreSQL Stripe
Strong portfolio capstone
View brief
Cover slot
Realtime Collaborative Editor
Replace this frame with your generated project thumbnail later.
Frontend + Backend Top build
Project 11
Signature Realtime Collaborative Editor Build a Google Docs style editor with live cursors, shared editing, and conflict-safe collaboration.
Why this matters
Strong realtime collaboration project that feels premium and immediately memorable in a portfolio.
React Node.js Socket.io Redis
Strong portfolio capstone
View brief
Cover slot
E-Commerce Microservices
Replace this frame with your generated project thumbnail later.
Backend Top build
Project 06
Advanced E-Commerce Microservices Design a scalable backend split into identity, inventory, checkout, and order services with clean boundaries.
Why this matters
Shows service design maturity, event-driven thinking, and stronger backend system design.
Java Spring PostgreSQL Kafka Docker
Strong portfolio capstone
View brief
Cover slot
AI Image Generator UI
Replace this frame with your generated project thumbnail later.
AI Image Generator UI Ship a premium dark interface for prompt entry, generation states, image history, and polished result cards.
Why this matters
Adds a polished AI-facing interface to your portfolio without needing a huge full-stack scope.
Next.js Tailwind TypeScript
Good next build in this track
View brief 