Welcome to the Vibe Coder's Field Guide! This resource is designed to accompany the course, offering a curated collection of essential links and resources for every module. Whether you're a novice with a great idea or a seasoned developer looking to accelerate your workflow, this field guide will lead you through the artistry of Vibe Coding, from foundational mindset to advanced AI-augmented development.

Each segment delves into various facets of modern development, spanning Vibe Project Management, the Art of the Prompt, professional developer environment setup, and building a full-stack project portfolio. From links to essential AI tools like ChatGPT and Cursor, to web design inspiration from Awwwards and the Web Design Museum, GitHub repositories for every project, and modern front-end component libraries like 21st.dev, this guide is your go-to reference for mastering the AI-augmented workflow and building impressive, professional-grade applications.

Embark on a journey into the realm of the Creative Director and elevate your development prowess!

Module 1: Introduction to Vibe Coding & Web Design

1.3. Web Design Inspiration

Web Design Museum - Discover old websites, apps and software

Awwwards - Website Awards - Best Web Design Trends

1.5. AI Quirks Demonstration

ChatGPT

CodePen: Online Code Editor and Front End Web Developer Community

Module 2: Becoming a Director

2.2. ChatGPT

ChatGPT

2.3. Gemini

Google Gemini

2.4. Claude

Claude

2.5. Pong Game