Workshop Phases
1Build Your App Foundation
Create a beautiful, functional meal planning application using modern no-code tools. No coding experience required!
🛠️ Tools You'll Use:
🗄️ Database Setup:
Supabase Supabase provides your app's database (stores meal plans, user data). When v0 prompts you to connect a database, just follow the signup flow - there may be an email confirmation step.
💬 Try These Prompts:
"Build a meal planning app for me"
"Create a weekly meal planner with grocery list features"
"Design a family meal planning interface"
"Create a weekly meal planner with grocery list features"
"Design a family meal planning interface"
💡 Pro Tip: When you encounter errors, just type "Fix in v0" - it's your debugging best friend!
2Add AI Superpowers
Integrate Google's Gemini AI to automatically generate personalized meal plans based on user preferences and dietary needs.
🤖 AI Integration Prompt:
"Using the Google Gemini API, create a button to automatically fill out my weekly meal plan, and prompt me for details"
🔑 Get Your API Key:
- Visit ai.dev and click "Create API Key"
- Copy your key when prompted by the integration
API Key Format Example:
AIzaSyB1234567890abcdefghijklmnopqrstuvwxyz_Example
Your actual key will be longer with different characters
3Launch to the World
Deploy your AI-powered app and share it with friends, family, or the world. Your creation will be live and accessible to anyone!
🚀 One-Click Deploy: Simply click the "Publish" button in v0.dev and your app goes live instantly. Get a shareable link to show off your creation!
🎉 What You'll Have Built:
- ✅ Beautiful, responsive meal planning interface
- ✅ AI-powered meal suggestions
- ✅ Grocery list generation
- ✅ Live, shareable web app
- ✅ Real-world portfolio project
Essential Resources
Workshop Feedback
Help us improve future workshops with your feedback!
