GearMinds STEM Academy

Vibe Code you next Web Application

Coding agents are changing how we write code. “Vibe coding” is a growing practice where you lean into letting a coding agent do most of the heavy lifting while you focus on the features of your application

Grade: 8 - 12

Camp Goals:

• Create a product requirement document (PRD) and wireframe for your agent to build a prototype of a "Best Places to visit in Dallas" ranking app
• Learn how to get started with Replit, and understand fundamental concepts behind effective AI collaboration.
• Grasp the key principles of agentic code development: provide clear and specific prompts, assign agents a single task at a time and maintain organized projects.
• Use the agent to make your prototype more visually appealing, switch to assistant mode to customize your applications with screenshots and prompts, and deploy your application so others can access it online
• Build a national park ranking app, from a sample dataset, with voting capabilities and persistent data storage
• Take it to the next level by building your application and hosting it in the cloud