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.
Claude also handles the technical plumbing: it runs the dev server, manages git, and deploys for you. You read the output and click the preview link in your browser. The one requirement is that command execution is enabled in the app - it is by default in the recommended mode.
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? If you haven’t installed it yet, complete 0.1: Installation first.
Get the Course Materials
This course uses the Claude Desktop app. Open Claude, start a new project, and paste this prompt:
Claude installs the FSPM CLI, pulls the course materials into your project, and tells you how to begin. The Vibe Coding lessons are included - if you already set up the course in Module 1, you’re ready.
Prefer the terminal? Open Claude Code in a course folder and paste the same prompt. Full instructions in 0.2: Get the Course & Start.
Get Started
2.1: Setup → - Learn the vibecoding mindset and set up your project