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
Before you move on — can you do all of this?
Click each item you're confident about. Bring the unchecked ones to your next session.
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
Before you move on — can you do all of this?
Click each item you're confident about. Bring the unchecked ones to your next session.
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
Before you move on — can you do all of this?
Click each item you're confident about. Bring the unchecked ones to your next session.
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
Before you move on — can you do all of this?
Click each item you're confident about. Bring the unchecked ones to your next session.
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
Before you move on — can you do all of this?
Click each item you're confident about. Bring the unchecked ones to your next session.
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.