Video 3 [07:18] and Video 4 [13:30]: Vibe Coding Platforms: Demo

  1.  Module 5: Introduction and Instructions (Completed)
  2.  Video 1 [03:30]: Module Introduction (Completed)
  3.  Video 2 [03:49]: Vibe Coding Platforms (Completed)
  4.  Video 3 [07:18] and Video 4 [13:30]: Vibe Coding Platforms: Demo (Completed)
  5.  Video 5 [04:33]: What is an API (Completed)
  6.  Discussion Board 5.1: Think & Share💡When Does a Prototype Become a Product? ((Not yet completed))
  7.  Video 6 [13:00]: Building an App with an API: Demo (Completed)
  8.  Self-Study Assignment 5.2: Think & Act 💡Building an AI App with a Free API (Completed)
  9.  Video 7 [02:03]: API vs API Key (Completed)
  10.  Video 8 [05:23]: Google AI Studio: Demo (Completed)
  11.  Video 9 [02:48]: Vibe Coding for Problem Solving: Demo (Completed)
  12.  Reading: From Standalone Prototype to Connected Solution (Completed)
  13.  Video 10 [06:33]: Multi-Step App: Demo (Completed)
  14.  Video 11 [02:02]: Connectors, Tools and Data Sources ((Must view in order to complete this module item))
  15.  Self-Study Quiz 5.2: Think & Apply 💡Workflows, APIs and Business Value ((Must submit the Quiz))
  16.  Video 12 [08:01]: Claude Cowork: Demo ((Must view in order to complete this module item))
  17.  Self-Study Quiz 5.4: Think & Apply💡Selecting the Right Architecture ((Must submit the Quiz))
  18.  Video 13 [03:23]: Final Thoughts ((Must view in order to complete this module item))
  19.  Self-Study Assignment 5.5: Think & Act 💡3 Step Storyboard ((Must view in order to complete this module item))
  20.  Summary and Video Transcripts: Module 5 ⭐ ((Must view in order to complete this module item))
  21.  Professor Ian's Recommendation for Further Learning: Module 5 ((Must view in order to complete this module item))
  22.  Module 5: Q&A Discussion Board ((Not yet completed))
  23.  Module 5: Feedback Survey ((Must submit the Quiz))

This page includes 2 videos. Scroll down to access the next video.

Video 3: [07:18]: Vibe Coding Platforms I: Demo
In this video, Prof Ian demonstrates several advanced Vibe Coding platforms, including Claude, Codex and Google AI Studio, showcasing how they support application development, prototyping and workflow creation. Through practical examples, he compares their capabilities and interfaces, helping learners understand how different tools can be used to accelerate software development and solve a variety of real-world problems.
The first prompt used by Prof Ian for storybook:
I want to build interactive storybook with storybook style illustrations. Audience is young children. I will provide a topic and some info each time, and the output has four slides that I can browse through, with large text. I should be able to download each story as a local file with dynamic page flipping and I must be able to open the file easily.
After watching the demo videos below:

1. Watch this tutorial to understand more about Claude: Getting started with Claude.ai Links to an external site.
2. Watch best practices for Claude Code: Claude Code best practices | Code w/ Claude Links to an external site.

Downloaded lesson video



Video 4 [13:30]: Vibe Coding Platforms II: Demo

In this video, Prof Ian continues the exploration of advanced Vibe-Coding platforms through demonstrations of Antigravity, n8n, Lovable, Cursor and Gems. He highlights how these tools support workflow automation, application development, collaboration and AI-powered productivity, helping learners understand the diverse approaches available for building and scaling digital solutions.
Prompt used by Prof Ian in Lovable to develop live weather update:
A website that shows live Singapore weather

After watching the demo video below:
1. Watch this video to learn more about Google Antigravity: Learn the basics of Google Antigravity Links to an external site.
2. Watch this video to learn more about n8n: n8n Quick Start Tutorial: Build Your First Workflow Links to an external site.
3. Watch this video to learn more about Lovable: Master Lovable In 24 Minutes Links to an external site.
4. Watch this video to learn more about Cursor AI: Cursor Agent: 10 Pro Tips! Links to an external site.