Vibe Coding Bootcamp: Build Any App, Game or Website with AI

Name: Vibe Coding Bootcamp: Build Any App, Game or Website with AI
Rating: 4.6 (1358 reviews)

AI Web Development with ChatGPT, Claude, Gemini & Github Copilot – Build & Deploy Production Apps with Vibe Coding Tools

Bestseller

Created byIvan Lourenço Gomes

Last updated 8/2025

English

What you'll learn

Use AI tools like ChatGPT, Claude, Gemini, and GitHub Copilot to design, build, and deploy complete web applications.
Create full-stack projects with user authentication, databases, and custom features using platforms like Replit & Lovable.
Apply modern web development best practices, including component architecture, scoped styles, unit testing, and state management guided by AI.
Translate Figma prototypes into pixel-perfect websites by combining prompt engineering techniques with AI coding assistants.

Course content

4 sections • 47 lectures • 4h 4m total length

Introduction to Vibe Coding1:30
Using the Canvas Feature from ChatGPT & Claude to Create a Landing Page6:06
Explore creating a landing page using the canvas feature in ChatGPT and Claude, building with code sandbox, and instantly previewing designs like about us, dishes, drinks, and location.
Building a Multiplication Game With Gemini4:59
Deploying Your App with a Free Hosting Service4:58
Using AI in Visual Studio Code with Github Copilot7:54
Expanding the Multiplication Game with Github Copilot6:18
Expand the multiplication game to include sum, subtraction, multiplication, and division via a top menu, implemented with GitHub Copilot in a local project. Scores persist when switching options.

Introduction to App Building Platforms0:57
Building Apps From the Ground Up with Replit6:33
The Importance of the PRD and Database Schema3:33
Creating the PRD for the Project3:41
Refining the PRD6:34
Creating the Database Schema5:32
Building our App with Lovable3:50
Connecting to Supabase3:36
Building the Login Process3:12
Building the Admin Features4:49
Managing Categories and Menu Items6:47
Adding the Banner Image of the Restaurant2:39
Adding Contact Info4:39
Building the Preview Menu Page2:13
Publishing the Lovable Project4:54
Maintaining Your Lovable Project with Github Copilot6:56
Making Changes and Publishing New Versions of Your Lovable Projects3:26

Vibe Coding With Perfect Design1:12
Starting with the Basic Design Guidelines9:10
Incremental Prompting - Creating One Piece at a Time5:30
Learn incremental prompting to break a website project into simple subtasks, using a centralized cloud based design document to define global css, html structure, and ui guidelines.
The C.L.E.A.R Principle7:17
Adding more sections to the page3:27
Adding the Page Header5:54
Build a three-section page header with a left logo, centered navigation, and right call-to-action, featuring an 80-pixel tall main dark header, 18-pixel nav spacing, and an outline button.
Moving the Project to the Local Setup2:58
Adjusting the Project Structure and Images7:18
Adding the Image to the Hero Section8:30
Position and resize hero section images using absolute and relative layouts, explore options with a white silhouette or a real team photo, and adapt for mobile below 1200px.
The Services Section11:01
About and contact sections6:54
Create a contact us section with a white background and office cards featuring 1:1 images, 20px paddings, 40px gaps, and subtle shadows using ai-assisted design and GitHub Copilot.
Final Audit and Corrections8:43
Publishing Your Website With Firebase8:50
Adding new features and Deploying New Versions5:43
Course Ending0:33

Requirements

No prior experience with AI tools is required, this course is beginner-friendly and will guide you step by step.
Basic knowledge of HTML, CSS, and JavaScript is helpful, but not mandatory.

Description

Welcome to the Vibe Coding course and get ready for the future of web development, where you build powerful applications with the help of AI tools like ChatGPT, Claude, Gemini, and GitHub Copilot.

This course is your practical, hands-on introduction to AI-assisted web development. Whether you're a beginner just starting out or an experienced developer looking to boost your productivity, you'll learn how to use the latest tools to create real, working web apps from scratch.

We’ll start by building simple projects—like a landing page and a multiplication game—using Gemini, Claude, and ChatGPT Canvas.

Then, we’ll move into full-stack development, creating advanced applications with platforms like Replit & Lovable. You’ll learn how to manage authentication, databases, admin panels, and dynamic content.

But we don’t stop at just building apps. You’ll also learn how to:

Follow development best practices with GitHub Copilot
Create reusable components and scoped styles
Write unit tests and manage state effectively
Translate Figma designs into pixel-perfect pages
Use prompt engineering techniques to control your AI tools

By the end, you'll be able to design, develop, test, and deploy full web applications using AI—and stay ahead in the evolving landscape of software engineering.

Enroll now and start building the future with Vibe Coding!

Who this course is for:

Beginner and intermediate web developers curious about using AI tools to build and deploy real-world applications.
Experienced developers looking to boost productivity and code quality using GitHub Copilot and other AI coding assistants.

Vibe Coding Bootcamp: Build Any App, Game or Website with AI

What you'll learn

Explore related topics

Course content

Vibe Coding Basics: Canvas Tools, Github Copilot and App Builders6 lectures • 32min

Build Full Stack Apps with Replit & Lovable17 lectures • 1hr 14min

Vibe Coding Best Practices in Github Copilot9 lectures • 46min

Vibe Coding with Perfect Design15 lectures • 1hr 33min

Requirements

Description

Who this course is for: