How I Built a Meal Planner with AI
Build & Deploy Pipeline
Register Domain
Dreamhost — one-time setup
Google Cloud Console
Admin UI — manages Firebase
Google AI Studio
Prompt and get API key
Live Server
Preview locally before pushing
Infrastructure
GitHub Repo
Create repo & version control
connect
Vercel
Connect to GitHub repo
configure
Firebase
Set up cloud database
Build
Generate Code
Prompt AI to generate initial code
edit
VS Code
Edit, test & organize code
integrate
Gemini API
Build secure /api endpoint
git push
Ship
Push & Deploy
GitHub → Vercel auto-builds
point DNS
Live Website
LIVE
Store API Key
Env variable — never in code
Security Layer
Frontend never sees credentials
Point Domain
Dreamhost DNS → Vercel
Infrastructure
Build
Ship
Live
A modern, secure web application — AI-generated, production-deployed