Welcome to the AdaL Vibecoding Bootcamp repository! 🚀
This repository contains all the materials, curriculum, and code projects for the bootcamp.
Learn to use an AI agent (Gemini 3.1 Pro) to clone a reference URL into a Next.js project.
- Marketplace Example: Framer Templates
- The example we use: xtract.framer.ai
- 📝 Assignment: Day 1 Assignment
Day 1 Projects:
- 💻
landing-page/: First vibecoding session code for the landing page clone. - 💻
landing_page_2/: Second vibecoding session code for the landing page clone. - 📜 Chat History: Live Demo Chat History detailing the AI workflow for
landing_page_2.
- Tutor: Zach Wilson
- Transition from the frontend landing page to building a robust backend infrastructure.
- 📂
class-materials/:- 📄
01_bootcamp_curriculum_short.md: Bootcamp structure and goals. - 📊
slides-build-landing-page.html: Guide on vibecoding a landing page. - 📊
slides-adal-cli-howto.html: Instructions on using the AdaL CLI tool.
- 📄
- 🤖
AGENTS.md: Guidelines and context for AI agents working in this repository.
To explore the frontend projects, navigate to their respective directories and follow the instructions in their local README.md files.
For example, to run the updated landing page:
cd landing_page_2
npm install
npm run devHappy vibecoding! ✨