signal

<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)

👉 Go to Introduction →

<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 AgentTeamProject and teaching materials in CourseWare.

---

🚀 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>