30 lessons · 4 tracks

From first prompt
to production.

A focused curriculum for non-technical builders who want the speed of AI without losing control of the product.

10 lessons freePractical build sequenceCodex · Claude Code · Cursor

Track 01

Vibe Coding Foundations

Build the mental model, tool fluency, prompting habits, and safety practices you need before shipping.

10lessons

01Vibe Coding for Complete BeginnersA practical, non-technical roadmap from your first AI coding session to three real, deployed applications.9 minutes 02What You Can Build With AI Coding ToolsChoose a realistic first product by understanding what AI agents can build, where complexity hides, and how to define a safe MVP.9 minutes 03Codex vs Claude Code vs CursorA beginner-friendly comparison of three AI coding environments, their workflows, costs, and safe selection criteria.10 minutes 04The Complete Technology MapUnderstand languages, frameworks, databases, hosting, testing, and monitoring without trying to learn everything at once.10 minutes 05How Websites, Mobile Apps, Backends, and Databases Work TogetherFollow one expense from a user interface through authentication, an API, a database, and back to the screen.9 minutes 06Install the Essential Development ToolsSet up a safe beginner development environment for web, mobile, and Python projects on macOS, Windows, or Linux.10 minutes 07Files, Terminals, Commands, Packages, and Environment VariablesLearn the minimum technical vocabulary needed to understand and safely supervise an AI coding agent.10 minutes 08Prompting AI Coding Agents EffectivelyUse outcome, context, constraints, acceptance criteria, and verification to get smaller and safer code changes.10 minutes 09Planning an App Before Generating CodeCreate a decision-complete product brief, data model, screen map, and delivery sequence for the expense products.10 minutes 10Git, GitHub, Backups, Secrets, and Safe AI CodingCreate recoverable checkpoints, review AI changes, protect credentials, and understand what GitHub does and does not back up.11 minutes

Track 02

Ship a Web Product

Turn a product brief into a tested Next.js dashboard with Supabase, authentication, and a live deployment.

08lessons

11Choose a Web Stack and Create the ProjectStart the Expense Dashboard with Next.js, TypeScript, Tailwind CSS, and a verified project baseline.10 minutesPremium 12Build the Pages, Layout, and NavigationCreate a responsive App Router shell with dashboard, transactions, categories, and budgets pages.9 minutesPremium 13Create Reusable UI ComponentsTurn repeated dashboard patterns into typed, accessible components and a small design system.9 minutesPremium 14Manage Forms, State, and ValidationBuild a reliable transaction form with typed validation, accessible errors, and testable money conversion.10 minutesPremium 15Connect the Web App to SupabaseCreate the PostgreSQL schema, Row Level Security policies, environment configuration, and a safe data-access layer.12 minutesPremium 16Add Authentication and Protected PagesImplement Supabase sign-up, sign-in, sign-out, session handling, and defense-in-depth route protection.11 minutesPremium 17Test, Debug, and Improve the Web AppBuild a risk-based test suite, debug from evidence, and verify the complete Expense Dashboard before release.11 minutesPremium 18Deploy the Web App to VercelPublish a controlled preview, configure environments, verify production behavior, and prepare rollback and monitoring.10 minutesPremium

Track 03

Build for Mobile

Create a real Expo app, connect data, polish the experience, and prepare Android and iOS releases.

08lessons

19Choose a Mobile Stack: Expo vs Flutter vs NativeCompare mobile development paths and choose Expo for a beginner-friendly cross-platform expense tracker.9 minutesPremium 20Create and Run the Expo ApplicationInitialize the Expo expense tracker, understand its files, and verify it on a real device and supported development environments.10 minutesPremium 21Build Mobile Screens and NavigationCreate Expo Router tabs and form routes with native navigation semantics, safe areas, and accessible interaction.10 minutesPremium 22Add Income, Expenses, Categories, and BudgetsImplement the mobile domain locally with validated forms, derived totals, edit/delete flows, and realistic sample persistence.11 minutesPremium 23Connect Authentication and Supabase DataReplace the mobile in-memory repository with Supabase while preserving native session, loading, and authorization behavior.11 minutesPremium 24Add Dashboards, Charts, Loading, and Error StatesCreate trustworthy mobile summaries and charts with explicit date, currency, loading, empty, and failure behavior.10 minutesPremium 25Test, Debug, and Polish the Mobile ExperienceVerify the expense tracker across devices, accessibility settings, network failures, sessions, and production-like builds.10 minutesPremium 26Build and Publish With Expo EASConfigure EAS builds, store identities, privacy metadata, staged testing, submission, monitoring, and rollback.12 minutesPremium

Track 04

Own the Backend

Design a FastAPI service, secure PostgreSQL data, test the boundaries, and operate it in production.

04lessons

27When You Need a Custom BackendDecide when Supabase client access is enough and when business rules belong behind a dedicated FastAPI service.9 minutesPremium 28Build a FastAPI Expense APICreate a typed FastAPI project, implement transaction CRUD with SQLModel and SQLite, and establish a tested local baseline.12 minutesPremium 29Connect PostgreSQL, Add Validation, Authentication, and TestsMove FastAPI to PostgreSQL, verify signed identity, enforce ownership, version migrations, and test production boundaries.13 minutesPremium 30Deploy, Monitor, Secure, and Maintain the APIShip the FastAPI service with health checks, migrations, least-privilege secrets, observability, rollback, and a maintenance routine.13 minutesPremium

Loading the next step…

From first promptto production.

Vibe Coding Foundations

Ship a Web Product

Build for Mobile

Own the Backend

From first promptto production.

Vibe Coding Foundations

Ship a Web Product

Build for Mobile

Own the Backend

From first prompt
to production.

From first prompt
to production.