Vibe Coding 101: Build your first AI Web App

About Event Why Vibe Coding? Vibe Coding is a revolutionary approach to prototype development that requires zero technical expertise. It combines the best no-code tools with proven product development methodologies. The term was coined by Andrej Karpathy in 2025 to describe the development of software without looking at (or knowing how to) code. You no longer need years of programming experience to launch a working product. Modern AI tools help generate, refactor, and debug code so you can focus on the idea and user experience. With platforms like Cursor, v0, Windsurf, and Lovable, you can move from idea to a deployed web app in hours instead of weeks. Whether you want to build a startup prototype, a portfolio project, or simply understand how AI-driven development works, this workshop provides practical, hands-on experience. Come with zero coding experience. Leave with a live web app and the mindset of a founder. Program Overview ​Join us for a 6 hour, in-person workshop and hackathon designed for beginners who want to build and deploy a real web application using AI-powered development tools. In this interactive, fast-paced session, you will: • Set up your development environment • Learn how vibe coding works • Build and deploy a live web application • Present your project • Walk away with a portfolio-ready product You will leave with: • A real, working web app • A repeatable AI-assisted development workflow • The confidence to collaborate with AI as a serious building partner ✅ No prior technical background needed💻 Please bring your laptop What You’ll Learn and Build ⚡ What vibe coding is and how modern AI tools accelerate development 🛠 GitHub setup and version control fundamentals 💻 Using Cursor and other AI tools to generate and refine code 🌍 Building a themed web app (World Cup 2026 concept prompt) 🚀 Deploying your application using Render and Hugging Face 🎤 Presenting your project clearly and confidently 🏆 Participating in a mini hackathon and demo session Platforms and Tools You’ll Use 🖥 Cursor for AI-assisted coding 🎨 v0, Windsurf, Lovable for rapid interface and product generation 🔗 GitHub for version control ☁️ Render for deployment 🤖 Hugging Face for AI integrations ​🗓️ Program Schedule: 9:30 AM – 10:00 AM | Welcome and Setup Meet participants and complete environment setup 10:00 AM – 10:30 AM | What is Vibe Coding? Overview of tools: Lovable, v0, Windsurf, Cursor 10:30 AM – 11:00 AM | GitHub Setup + Cursor Hands-on configuration and first code generation 11:00 AM – 11:10 AM | Break 11:10 AM – 12:00 PM | Interactive Build Session Theme: World Cup 2026 12:00 PM – 12:15 PM | Deployment Tools Render, Hugging Face, and hosting options 12:15 PM – 1:00 PM | Lunch (Food Provided) 1:00 PM – 2:30 PM | Hackathon Build Time 2:30 PM – 3:30 PM | Presentations 3 minutes per participant 3:30 PM – 4:00 PM | Awards and Closing Who Should Attend ​👶 Absolute beginners​📈 Entrepreneurs and business professionals​🎓 Students and career changers​🧠 Curious learners who love productivity and AI👶Product Managers seeking to validate ideas quickly📈Designers who want to create interactive prototypes📈Entrepreneurs testing new concepts​🧠Teams looking to improve their product development process Awards & Certificates 🎓 All participants will receive a Certificate of Completion 🏆 Participants will vote to select the top projects 🎤 Winning teams will receive recognition and the opportunity to present their project at the next Vancouver AI Meetup 🧠 ​Facilitators 👨‍🏫 Main Instructor: Murilo Farias🤝Co-Facilitator: Nimitha Gopinath ​Location:WeWork2015 Main St #2Vancouver, BC V5T 3C2 🫧 Lunch will be served. Looking forward to seeing you! 😊🐾 Final Notes: The space is not pet-friendly, but service animals are welcome. Bicycles are not allowed inside the building.