Vibe Coding for Product Managers: Build Apps using AI

Explore vibe coding for product managers and learn to build products without code. This module covers five milestones, web foundations, mvp development, and deployment with Stripe.

Explore vibe coding with Claude to build a to-do MVP, deploy to a domain, and identify front-end hard coding, missing back-end, APIs, and authentication.

See how to prototype a pay-by-bank app for the US using plaid, via a front-end interactive demo with a mock backend, highlighting hardcoded data and API limitations.

Compare browser-based IDEs such as V0, lovable, and Repl.it, and learn how environment variables and backend integration with plaid, Supabase, and webhooks prevent hard-coded front-end data.

Design a minimum viable pay-by-bank product for us merchants using zero-shot prompting with cursor, creating a merchant dashboard with two tabs, plaid integration, and ach and rtp transfers.

Discover Cursor, an AI-powered IDE, and learn to switch between agent mode, plan mode, and ask mode, while managing files, GitHub integration, and the extension marketplace.

See plan mode auto-generates an app structure through guided questions, refining requirements for OTP verification, Plaid bank linking, and fixed payment links. Decide between real-time updates and webhook updates.

Outline a comprehensive product plan for a payment app, detailing 12 to-dos from authentication to webhooks and data model, and preview the build with next.js, typescript, tailwind, and firebase.

Explore backend as a service with Firebase, learning how authentication, Firestore database, storage, hosting, and cloud functions power a real-time app, simplifying backend needs.

Create a sample firebase project, name it with your product and dev tag, enable google authentication, and explore firestore, storage, functions, and environment variables with security rules.

Explain the project’s folder structure and architecture, detailing app, component, Firebase folder, and src folders, outlining API, auth, and dashboard flows with Plaid SDK, Firebase Authentication, storage, Cloud Functions.

Master essential terminal commands for navigating and managing files, including change directory, cd, to move through folders, list files, mkdir to create folders, and cp, mv, rm to manage items.

Explore the web development foundation, contrasting front end, back end, and database with APIs, and learn how Next.js, React, TypeScript, Tailwind, and supportive libraries power production-ready apps.

Explore managing environment variables and secrets with dot env files, placeholders, and gitignore, then securely store credentials using secret managers like Google Secret Manager, backed by Firebase and Plaid integrations.

Explain package.json, install dependencies with npm install --legacy-peer-deps, and run the project locally with npm run dev. Use Firebase backend and emulator while reviewing Radix UI and React tooling.

Learn to run a merchant dashboard locally, sign up new users, connect bank accounts with Plaid in sandbox, create and debug payment links, and fix Firestore rules with Cursor.

Learn how Plaid links banks, authenticates ownership, and enables money movement with Plaid Link, Plaid Auth, and Plaid Transfer in a sandboxed environment using ACH and RTP.

Explore how APIs connect front-end and back-end systems using a restaurant analogy, detailing http methods such as get, put, post, and delete, and using Postman as a client tool.

See how Uber uses APIs from Twilio, Stripe, AWS, SendGrid, and Google Maps to enable messaging, payments, and location via an API gateway and get, post, put, delete.

Learn how to use a weather api and test endpoints with Postman to retrieve current weather data, understand http methods, api keys, and api responses in json.

Integrate open weather API with a JavaScript weather app. Type a city name, fetch temperature data via an async API call, and update the page with city and temperature.