Скачать или смотреть Vibe Coding 101 (Lesson 2) - Set Up Cursor, Terminal & Build Your First AI-Generated Web App

Welcome back to Vibe Coding 101

In Lesson 2, we get hands-on! I'm Aemal Sayer (AemalSayer.com), and in this episode, you'll learn how to set up your Cursor, terminal, and development environment so we can build our very first AI-generated web app.

🎯 What we cover in this episode:
→ Installing Cursor, Node.js, and Bun
→ Terminal basics (mkdir, cd, ls, and more)
→ Creating your first project folder
→ Intro to Web Speech API using MDN docs
→ Using SuperWhisper to transcribe prompts into working code
→ Building a real-time voice transcription app with a clickable mic button
→ Running your app locally with npx live-server
→ Why using Chrome matters for this demo

🧠 You’ll also get a taste of the Vibe Coding workflow:

“See stuff, say stuff, run stuff, copy-paste stuff – and it mostly works.” – inspired by Andrej Karpathy

By the end of this video, you’ll see real results, an actual voice transcription app running in your browser, built without writing code manually.

🧵 This is the beginning of something big. In upcoming lessons, we’ll enhance this app with:

→ React / Next.js
→ Supabase integration
→ Whisper & ChatGPT for smarter AI features
→ Auth, databases, and deployment

💻 Whether you're a solo founder, non-technical maker, or just curious about AI coding workflows, this series is for you.

Subscribe, hit the 🔔, and keep building with me!

#VibeCoding #CursorDev #WebDevWithAI #GPTApps #NoCodeToCode #TranscriptionApp #AemalSayer