Vibe Coding

Get hands-on experience with AI-powered IDEs. Build a real application using Cursor and Replit to understand how AI assistants accelerate development.

Sections 2

Prerequisites Basic Python, React

What You'll Learn

Working with local AI IDEs (Cursor)
Working with managed AI IDEs (Replit)
AI-assisted full-stack development
Best practices for secure AI-generated code

Local IDE: Cursor

Build a Users Message Board

Install Cursor and build a full-stack application with AI assistance.

Install Cursor and create an account

Write a users message board app using Python (backend) and React (frontend)

Add authentication using JWT tokens

Add an audit log

Store everything in SQLite on disk

Managed IDE: Replit

Replicate on Replit

Build the same application using a cloud-based AI IDE.

Create a Replit account

Develop the same message board app on Replit

Secure Vibe Coding

Important: Security Guidelines

We extensively use AI-generated code in the product, scripts, and backoffice tasks. For production code, follow these rules:

Rules for AI-Generated Code

Human Oversight and Review: Never blindly trust AI-generated code. Treat it like code written by a junior developer and scrutinize it for logical mistakes. Human review and critical thinking are crucial.
Use all possible automated tools: We use static analyzers, formatters, linters, and more to ensure code fits our conventions. Never open PRs without checking that AI-generated code passes these tests.
Do not connect your AI agents to production or the main dev environments.
Do not install random MCP servers. Vet them thoroughly.

Remember: You are responsible for all code you ship, regardless of who generated it.

<- Back to Home Agent Track ->