The Vibe Coding Bootcamp is your beginner-friendly gateway into the world of the internet, AI-assisted coding, and modern web development.

We will be using powerful AI tools like Claude, ChatGPT, Lovable, V0, Replit, and Cursor IDE to plan, write, debug, and ship real code. You’ll explore how today’s fastest teams build MVPs, automate workflows, and generate production-quality applications with AI as their coding partner.

By the end, you’ll build your own complete web app, understand modern developer workflows, and have the skills to create your own MVPs using AI — even if you’ve never written code before.

What’s Inside the Course

Here’s a clear structure covering all sections and lectures you listed — rewritten in a professional, student-friendly format.

1. Internet Fundamentals & Web Basics

Learn how the internet actually works and what makes webpages load.

• How the internet moves data using packets, routers, and servers

• What DNS does and how ISPs connect you to the web

• What a webpage is and how HTML, CSS, and JS work together

• How browsers fetch, interpret, and render content

• Quiz to reinforce core internet concepts

2. Vibe Coding & AI Development Tools

Use AI tools like Claude, ChatGPT, Lovable, V0 and Replit to build apps faster.

• How to use Claude to generate UI, backend logic, and full MVPs

• Using ChatGPT to write, debug, refactor, and explain code

• Trying popular Vibe Coding tools (V0, Lovable, Replit)

• Understanding how AI accelerates product development

• How AI turns ideas into working prototypes within minutes

3. Cursor IDE Mastery & Modern Developer Workflow

Learn the full AI-assisted coding workflow used by real developers.

• Zero-shot prompting and writing high-quality instructions for Cursor

• Using Plan Mode to generate end-to-end engineering plans

• Exploring Firebase and understanding backend fundamentals

• Project setup: folder structure, terminal commands, dependencies

• Intro to Next.js, React and Tailwind for modern frontends

• Managing environment variables and secrets properly

• Running projects locally, debugging issues, and fixing errors

• Understanding how Plaid Link works inside fintech apps

4. Build a Complete Weather App (Design → Code → Deploy)

Design a real UI and turn it into a working web app using HTML, CSS and JS.

• Learn Figma basics and design a clean weather app UI

• Understand the CSS Box Model visually

• Build the app using HTML, CSS and JavaScript step-by-step

• Connect the app to live weather APIs

• Quiz to test frontend development concepts

5. APIs & Postman for Beginners

Understand how apps communicate with servers and fetch real data.

• APIs explained in simple, kid-friendly language

• Real-world examples of API-powered apps

• Using Postman to test GET/POST requests and read JSON

• Integrating real API data into your weather app

• Quiz to reinforce API and Postman fundamentals

6. Final Assignment — Vibe Code a Real-World Mini SaaS

Use AI to build and ship your own mini software product from scratch.

• Create an engineering plan using Cursor’s Plan Mode

• Use Claude or ChatGPT to generate front-end and API code

• Build a micro SaaS like a URL Shortener, Habit Tracker, or Expense Logger

• Submit your completed, deployable AI-built application