Project 1 · Done Checklist
Tick these off and you're ready for Project 2.
You're done with Project 1 when every box below is checked. Do not move to Project 2 with anything red.
Setup
- Lovable account created and saved to VaultMate (category: Other)
- School name, tagline, branches, year, type, notable feature written down on paper or in Notes
- Three vibe adjectives picked + one reference site identified
- 5-8 stock photos downloaded from Unsplash/Pexels (hero, branches, classroom)
The Build
- First setup prompt sent to Lovable — produced a working preview
- Iterated through at least 15 single-change prompts on the home page
- Home page has: hero with school name + tagline + CTA, about section, branches list, footer
- Real photos replaced any obviously-AI-generated placeholders
- Colours feel intentional, not random — one accent colour used consistently
- Mobile view checked — nothing is unreadable or broken
Optional but Encouraged
- Added a /branches page with a card per branch
- Added an /admissions page with steps and a (non-functional) contact form
- Connected Lovable to GitHub so the code lives in a real repo
- Looked at the generated code at least once and noticed something about its structure
Ship
- Clicked Publish in Lovable and got a working public URL
- Opened the URL in an incognito window and walked through every page
- Opened the URL on your phone and tried filling the contact form with the on-screen keyboard
- Shared the URL with one real person and asked for feedback
- Received feedback and addressed at least 2 of their points
- Re-published after the changes
Reflect
- Final URL saved to your notes
- Screenshots of home page (desktop + mobile) saved to a folder
- Wrote down 3 things you would do differently next time — about the process, not the site
- Wrote down at least 2 things Lovable could not do well that you noticed
Self-Check Questions
Answer these honestly before moving on. If any answer is "I'm not sure," go back and finish the relevant page.
- What is the difference between vibe coding and traditional coding? (You should be able to answer this in 30 seconds.)
- Why did Project 1 use a one-page school site and not the full school management system? (Hint: see When Vibe Coding Breaks Down.)
- What is one specific thing you tried in Lovable that did not work well or felt wrong? (Be specific — this answer is the bridge to Project 2.)
- What does "shipping a real URL" feel like? (A vibe-level answer is fine.)
What's Next
When every box is ticked, you are ready for Project 2 · Static School Site — where you rebuild the same site on real code (Next.js + Tailwind + Vercel + GitHub) and start to understand what Lovable was doing for you all along.