Vibe coding a mobile app from scratch - Session #1

In this unedited work session, I use Cursor and Claude Code to create a brand new mobile app (Easy Drum Tuner) and start the core feature!

SUBSCRIBE IF YOU LOVE KITTENS (or online biz)
✅ https://www.youtube.com/@codeplaybook?sub_confirmation=1

PART 2 HERE: https://youtu.be/p0t2K6abRrY

JUMP LINKS
0:00 Intro
1:07 Create Flutter project + basic setup
3:14 First flutter run on iPhone
6:03 Write plan.md + define screens/features
9:45 UI inspiration
12:34 Research pitch detection + audio libraries
14:12 Start core app implementation from plan
17:04 Pulling in drum tuning references
22:07 Clean up deployment/App Store docs for new app
26:08 Generate brand.yaml + decide color theme
32:21 Debug build errors + fix dependency versions
39:34 App running on phone + spot UI overflow issues
40:32 Fixing Flutter dashboard overflow layout errors
42:46 Generating and testing AI app icon
43:57 Debugging microphone permissions workflow
45:18 Rethinking permission prompts and app flow
46:22 Updating branding and dark red metal theme
49:10 Experimenting with AI logos and Sora designs
55:18 Setting up Flutter launcher icons and assets
58:39 First successful drum pitch detection test
1:00:27 Improving pitch detection stability and averaging
1:05:27 Implementing peak detection and hold logic
1:10:21 Tuning volume thresholds and auto-listening
1:15:17 Real-world drum testing and evaluating results
1:17:40 Wrapping up and next steps

Free 5-day vibe coding course for BEGINNERS: https://codeplaybook.com/mini-course

My paid program: https://codeplaybook.com/

WEEKLY ROUNDUP NEWSLETTER with COOL STUFF I FIND ON THE INTERNET
🐿️ https://petemcpherson.com/
RELATED VIDEOS
🎥 Beginner Vibe Coding Course PLAYLIST: https://www.youtube.com/playlist?list=PLkD4ksZgZ-noUIybdspTAuzbl0QKj5uhC
🎥 Just SOLD my 2nd VIBE-CODED app (Full Breakdown) https://youtu.be/Ppb5B20OqU8
🎥 Need vibe coding ideas? Watch this: https://youtu.be/tRh729U9wa8
🎥 OpenAI Codex TUTORIAL // https://youtu.be/BcRy_AH2F4Q
🎥 How I made $100k last year from AI-coded apps https://youtu.be/vPS4RYrxqI4
🎥 CURSOR vs CLAUDE CODE (simple breakdown w/ examples) https://youtu.be/DRXyhPTudO4
🎥 7 Claude Code TOOLS & RESOURCES (that'll make you pro) https://youtu.be/yurGW3Prfwg
🎥 Windsurf vs Cursor: https://youtu.be/GU-QDyZDX2o
🎥 Windsurf Tutorial: https://youtu.be/CLRupjhEFm8
🎥 I built an AI girlfriend in 20 mins with Windsurf: https://youtu.be/emHfS63wYzo
🎥 Watch me build a full-stack SvelteKit app from scratch: https://www.youtube.com/playlist?list=PLkD4ksZgZ-npi9L_AhECcyPwgA4g8rmnW
🎥 Cursor AI Composer tutorial: https://youtu.be/Y0DdrcdDquQ
🎥 I built an AI chatbot in 20 mins (steal my code): https://youtu.be/9-QokO5hK5Y
MY TECH STACK & TOOLS
🔨 SvelteKit
🔨 Firebase
🔨 Stripe
🔨 Resend (transactional emails)
🔨 Zapier (automation & webhooks)
🔨 Cursor (text editor w/ AI)
🔨 Claude Code

MY BUILDS
🔥 https://bulletfinity.com/
🔥 https://listgadget.com/
🔥 https://topicalmap.ai/
🔥 https://afftracker.co/
🔥 https://promptimizer.com/
Asdf add hashtags

Affiliate Disclosure: Some of the links above may be affiliate links! Affiliate links are used for each tool that we are an affiliate of, which means that if you click that link and subsequently make a purchase, we will earn a commission. You pay nothing extra; any commission we earn comes at no additional cost to you. You can read our full affiliate disclaimer here: https://petemcpherson.com/legal

❤️

Видео Vibe coding a mobile app from scratch - Session #1 канала Code Playbook