Full-Stack Development

Deep dive into full-stack development. Frontend componentization, database design, backend API development, and deployment.

Stage Overview

Frontend Development

Master modern frontend development with component libraries and design tools.

• Frontend 0: Lovart Assets
• Frontend 1: Figma & MasterGo
• Frontend 2: UI Design
• Frontend 3: Multi-Product UI
• Frontend 4: Hogwarts Portraits

Backend & Full-Stack

Learn API design, database management, and deployment strategies.

• Backend 1: What is API
• Backend 2: Database & Supabase
• Backend 3: AI Interface Code
• Backend 4: Git Workflow
• Backend 5: Zeabur Deployment
• Backend 6: Modern CLI Tools
• Backend 7: Stripe Payment

Assignments

Practical projects to apply your full-stack skills.

• Assignment 1: Full-Stack App
• Assignment 2: Modern Frontend + Trae

AI Capabilities

Integrate AI features like knowledge bases and multimodal APIs.

• AI 1: Dify & Knowledge Base
• AI 2: Multimodal API