Module 4: 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
4.1: Setup	The vibecoding mindset and project folder setup
4.2: Plan	Interview process to define clear requirements
4.3: Build & Iterate	Scaffold, build, and refine with screenshots
4.4: GitHub	Version control and backup
4.5: Go Live	Deploy to Vercel with a real URL

Before You Start

Module 4 builds on Modules 1-3. You don’t need to have completed them, but they 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

How to open your terminal:

Mac: Press Cmd + Space, type “Terminal”, press Enter
Windows: Press the Windows key, type “PowerShell”, press Enter

Option 1: One-Line Command (Recommended)

Mac/Linux: Open your terminal and run:

cd ~/Documents && \
curl -L https://github.com/carlvellotti/claude-code-pm-course/releases/latest/download/complete-course.zip -o claude-code-course.zip && \
unzip -o claude-code-course.zip && \
cd claude-code-course && \
claude

Windows: Download the zip from the button below, extract to Documents, then follow Option 2 or 3.

Option 2: Let Claude Do It

Open your terminal and type claude
Tell Claude: “Download the course materials from https://github.com/carlvellotti/claude-code-pm-course/releases/latest/download/complete-course.zip and extract it to a folder called claude-code-course in my Documents folder”