Module 2: Vibe Coding
- Time to Complete: 1-2 hours
You’ve learned to work WITH files. Now learn to CREATE them.
In this module, you’ll build a real web app from scratch and deploy it to the internet - no coding experience required. You describe what you want, Claude builds it, you refine it until it’s right.
What You’ll Build
A personality quiz app with:
- Multiple questions with custom logic
- Personality type results based on answers
- A live URL anyone can visit
This same process works for landing pages, tools, dashboards, prototypes - anything web-based.
What You’ll Learn
| Lesson | What it covers |
|---|---|
| 2.1: Setup | The vibecoding mindset and project folder setup |
| 2.2: Plan | Interview process to define clear requirements |
| 2.3: Build & Iterate | Scaffold, build, and refine with screenshots |
| 2.4: GitHub | Version control and backup |
| 2.5: Go Live | Deploy to Vercel with a real URL |
Before You Start
Module 2 builds on Module 1. You don’t need to have completed Module 1, but it will give you a better understanding of how Claude Code works.
Need Claude Code? If you haven’t installed Claude Code yet, complete 0.1: Installation first.
Download the Course Materials
Download Course Materials
- Click the button above to download
complete-course.zip - Extract the zip to your Documents folder
- Open Claude Code from the
cc4e-coursefolder
Get Started
2.1: Setup → - Learn the vibecoding mindset and set up your project