PROJECTS

7 Main Projects

From personal business cards to production-grade systems — every project is a real software product.

P1 Week 1-2

Digital Business Card

Personal Brand Website

01

Your first project -- use AI to generate a personal website and deploy it to the internet. Learn basic frontend concepts, Git operations, and deployment workflows.

Key Skills

HTML/CSS Basics Git & GitHub Vercel Deployment Responsive Design

Deliverables

  • Live personal website
  • Custom domain
  • GitHub repository
P2 Week 2-3

Inspiration Catcher

Smart Bookmark Manager

02

Build an app that saves, categorizes, and searches bookmarks. Learn database operations, CRUD, and basic backend concepts.

Key Skills

Supabase Database CRUD Operations Environment Variables CLAUDE.md Writing

Deliverables

  • App that saves bookmarks
  • Category and search features
  • First CLAUDE.md
P3 Week 4

Survey Planet

Interactive Form System

03

Build a system for creating and sharing surveys. Learn input validation, complex form handling, and data visualization.

Key Skills

Input Validation (Zod) Complex State Management SPEC.md Writing Data Visualization

Deliverables

  • Survey creation system
  • Shareable links
  • Statistics dashboard
P4 Week 5

Circle

Community Platform

04

Build a community platform with authentication. Learn user authentication, permission control, and social features.

Key Skills

Supabase Auth JWT/Session Permission Control Real-time Features

Deliverables

  • Signup/login system
  • Posts and comments
  • Basic permission control
P5 Week 6

Mini Shop

E-commerce Product

05

Build a small e-commerce store with payment integration. Learn payment flows, secure processing, and business models.

Key Skills

Stripe Payments Shopping Cart Logic Order Management Cost Estimation

Deliverables

  • Product display and purchase
  • Stripe test payments
  • Order tracking
P6 Week 7

AI Companion

AI-Powered App

06

Build an app with AI integration. Learn API calls, streaming responses, prompt engineering, and hallucination handling.

Key Skills

Claude/OpenAI API Streaming Responses Prompt Engineering Hallucination Handling

Deliverables

  • AI conversation feature
  • Streaming replies
  • Error handling
P7 Week 9-12

Full Stack Factory

Production-Grade System

07

Starting from a spec document, independently build a production-grade application. Integrate all skills: architecture design, security, operations, and marketing.

Key Skills

Architecture Design Security Audit Operations Monitoring Marketing Launch

Deliverables

  • Complete SPEC.md
  • Production deployment
  • Monitoring alerts
  • Marketing page

Four-Layer Capability Model

L4
Orchestration Multi-agent collaboration, Spec-Driven Development (SDD)
L3
Governance Security audits, code review, cost management
L2
Communication CLAUDE.md, SPEC.md, prompt engineering
L1
Foundation Internet fundamentals, databases, deployment