<div align="center"> <img src="./images/course_banner.png" width="400" alt="Vibe Coding AI Full-Stack Development Bootcamp"> <p> <a href="./README.md">English</a> | <a href="./README_CN.md">中文</a> </p> </div>
<h1 align="center">Vibe Coding: AI Full-Stack Development Bootcamp</h1>
<p align="center"> <b>2026 · AI Programming Pioneer Training Camp</b><br> Master Cursor & Claude Code from scratch | Become an AI-era "one-person army" </p>
---
🎯 How to Learn This Course
> ⚠️ Important: Complete the Introduction section before starting Week 1!
<div align="center"> <img src="./images/learning_path.png" width="90%" alt="Learning Path"> </div>
Step 1: Complete Introduction (Environment Setup)
<div align="center">
| Lesson | Content | Time | |:---:|:---:|:---:| | Intro-01 | Network & VPN Configuration | 15-30 min | | Intro-02 | Cursor AI IDE Setup & Subscription | 20-30 min | | Intro-03 | Git Installation & GitHub Configuration | 20-30 min | | Intro-04 | Claude Code Deployment & Configuration | 30-45 min |
</div>
✅ After completing Introduction, you should have:
- VPN configured (ip138.com shows overseas IP)
- Cursor installed and logged in
- Git installed with GitHub Token configured
Step 2: Follow Weekly Schedule
<div align="center">
| Week | Topic | Link | |:---:|:---:|:---:| | Week 1 | AI Programming Fundamentals | Start → | | Week 2 | Cursor AI IDE Deep Dive | Start → | | Week 3 | Claude Code Engineering | Start → | | Week 4 | Enterprise Practice | Start → |
</div>
Week 4 Latest Update
- Lesson 07: Document Review Agent is now available.
- Includes complete project code in
AgentTeamProjectand teaching materials inCourseWare.
---
🚀 The Vibe Coding Development Paradigm
<div align="center"> <img src="./images/vibe_coding_paradigm.png" width="95%" alt="Vibe Coding Development Paradigm"> </div>
Three Phases of AI-Driven Development:
<div align="center">
| Phase | Focus | Key Activities | |:---:|:---:|:---:| | Phase 1: Define | Requirements | Market research → Core idea → Requirements analysis → Figma prototype | | Phase 2: Develop | AI-Assisted Coding | AI frontend generation → DB design → API definition → Code Review | | Phase 3: Deliver | Deployment | API testing → CI pipeline → Containerization → Production release |
</div>
---
🏗️ Four Industrial-Grade Projects
<table> <tr> <td width="50%" align="center"> <h3>Project 1: Smart Data Analysis Assistant</h3> <img src="./images/project_01_data_assistant.png" width="100%"> <p><b>Week 1</b> · Text-to-SQL Data Analysis</p> <p><code>Cursor</code> <code>React</code> <code>FastAPI</code> <code>SQLite</code></p> </td> <td width="50%" align="center"> <h3>Project 2: ClawdBot Multimodal Agent</h3> <img src="./images/project_02_doubao_clone.png" width="100%"> <p><b>Week 2</b> · Frontend-Backend Data Flow</p> <p><code>Cursor</code> <code>React</code> <code>FastAPI</code> <code>WebSocket</code></p> </td> </tr> <tr> <td width="50%" align="center"> <h3>Project 3: Multimodal RAG Knowledge Base</h3> <img src="./images/project_03_multimodal_rag.png" width="100%"> <p><b>Week 3</b> · End-to-End Private Knowledge Base</p> <p><code>Claude Code</code> <code>React</code> <code>LangChain</code> <code>FastAPI</code></p> </td> <td width="50%" align="center"> <h3>Project 4: Document Review Agent</h3> <img src="./images/project_04_doc_review_agent.png" width="100%"> <p><b>Week 4</b> · Production-Ready Deployable System</p> <p><code>Claude Code</code> <code>React</code> <code>LangChain</code> <code>Docker</code></p> </td> </tr> </table>
---
📋 Course Overview
<div align="center">
| Phase | Topic | Lessons | Project | |:---:|:---:|:---:|:---:| | Intro | Environment Setup | 4 | - | | Week 1 | AI Programming Fundamentals | 2 | Smart Data Assistant | | Week 2 | Cursor AI IDE Deep Dive | 3 | ClawdBot | | Week 3 | Claude Code Engineering | 2 | Multimodal RAG System | | Week 4 | Enterprise Practice | 1 | Document Review Agent |
</div>
---
✅ What You'll Learn
- Vibe Coding vs Traditional Development: the essential differences
- Complete Cursor & Claude Code hands-on practice
- High-performance AI programming techniques
- Prompt engineering and context optimization
- Agent Skills and MCP tool integration
- Four industrial-grade project experiences
---
📦 Prerequisites
- Basic computer operation skills
- Learning enthusiasm and patience
- No programming experience required (we start from zero)
---
🚀 Get Started Now!
# 1. Clone this repository
git clone https://github.com/fufankeji/VibeCodingCourse_v1.git
# 2. Start with Introduction
cd VibeCodingCourse/00_Introduction👉 Begin Your Journey: Introduction →
---
License
MIT License
---
📬 Contact Us
Interested in the course? Scan to connect with our teaching assistant for more resources and support:
<div align="center"> <img src="./images/course.png" width="200" alt="Teaching Assistant QR Code"> <p><b>Scan to Add Teaching Assistant</b></p> </div>
---
<p align="center"> <b>Vibe Coding: AI Full-Stack Development Bootcamp</b><br> Reshape programming competitiveness in the AI era<br> <br> <b>Instructor: Teacher Muyu (木羽老师)</b> </p>
