Interactive Workshop Companion
Turn Your Passion
Into a Website
Learn to communicate precisely with AI to build real websites. No coding required – just clear thinking and better prompts.
Today's Agenda
From passion to deployed website in just 105 minutes. Here's how we'll make it happen.
15 min
Welcome & Warm-up
5:00-5:15 PM
Passion project brainstorming & PRD planning
- •Meet your fellow builders
- •Identify your passion project idea
- •Start thinking about your PRD
20 min
Fundamentals Demo
5:15-5:35 PM
Events, State & Conditionals through Singapore Food Finder
- •See Events in action (clicks, searches)
- •Understand State (remember searches)
- •Learn Conditionals (if crowd > 80%, show red)
55 min
Build Session⚡
5:35-6:30 PM
From PRD to deployed website
- •Write your PRD (5 min)
- •Generate in v0.dev (5 min)
- •Iterate & refine (25 min)
- •Polish & personalize (10 min)
- •Deploy to Vercel (10 min)
15 min
Show & Tell
6:30-6:45 PM
Celebrate your deployed website
- •Share your Vercel URL
- •Explain the problem you solved
- •Share your biggest learning
- •Celebrate! 🎉
Workshop Philosophy
"Perfect is the enemy of deployed." Today we prioritize getting your website live over making it pixel-perfect. You can always improve it later – but you can't improve what doesn't exist yet.
Workshop Tools
Navigate to each tool when you're ready. Use during the workshop or as ongoing reference.
Learning
Coding Fundamentals
Learn the only 3 concepts you need: Events, State, and Conditionals through our traffic light demo.
Essential ⚡
PRD Builder
Transform your fuzzy idea into AI-ready requirements. The core workshop tool.
Reference
Reference Guide
Keywords and phrases to make your prompts 10x more precise.
Workshop
55-Minute Challenge
Track your build phases from PRD to deployed website.
Tools
Resources
Everything you need to continue building after the workshop.
🚀 Recommended Path
First time? Follow this sequence for the best experience