Dev Tools

In Session 1 you felt the gap: you could prototype something, but you could not publish it, share it, or let someone else use it. You understood why — the cloud closes that gap.

This session is where you actually close it.

By the end of Session 3, you will have:

• A code editor on your machine where your project lives (VS Code)
• A version history system that tracks every change you make (Git)
• A cloud home for your code that anyone on your team can reach (GitHub)
• A cloud database for your app's data, accessible from anywhere (Supabase)
• A deployment platform that turns your project into a live URL (Vercel)

These five tools are the infrastructure of everything you will build. Claude Code (Session 4) works inside all of them. You need to understand what each one is before you put an AI agent in charge of using them.

The Stack at a Glance

Your machine          →  VS Code       (where you write and edit code)
Your machine          →  Git           (tracks every change locally)
Git  →  Cloud         →  GitHub        (stores code, enables collaboration)
Code →  Cloud         →  Vercel        (publishes the app to a live URL)
App  →  Cloud         →  Supabase      (stores your users, data, and files)

Every project you build in this programme follows this exact flow.

In This Session