1.8 KiB
1.8 KiB
Les 6 — Huiswerk
QuickPoll polish + voorbereiding Supabase
Deadline: Voor Les 7 Inleveren: GitHub repo via Teams
Opdracht 1 — Polish je app
Kies minstens drie:
- Better empty states — als er geen polls zijn, mooie message + CTA
- Dark mode — toggle button + Tailwind dark classes
- Toast notifications —
pnpm add sonnervoor vote feedback - Animatie — Framer Motion voor vote-count count-up
- Validation — toon errors inline (geen throw)
- Optimistic UI —
useOptimisticvoor instant vote-feedback
Per gekozen item: korte uitleg in REFLECTIE.md wat je hebt gedaan.
Opdracht 2 — Maak een Supabase account
Volgende les koppelen we Supabase. Bereid je alvast voor:
- Account op supabase.com (mag met GitHub)
- New project — naam
quickpoll, regionEurope (Frankfurt) - Sla password op (lange random string)
- Wacht 1-2 min op provisioning
- Noteer in REFLECTIE.md:
- Project URL (eindigt op
.supabase.co) - Anon key (Settings → API)
- Project URL (eindigt op
Je hoeft NIETS in te bouwen — alleen account klaar.
Opdracht 3 — Reflectie (250 woorden)
Schrijf in REFLECTIE.md:
- Wat is volgens jou het verschil tussen een Server Action en een traditionele API route?
- Hoe vond je werken met
useFormStatus+useOptimistic? - Welke onderdelen voelden nog onnatuurlijk of onduidelijk?
- Wat verwacht je dat met Supabase makkelijker wordt?
Inleveren
GitHub repo URL via Teams. Vermeld in je commit-messages welke polish-items je gekozen hebt.
Tips
- Commits klein houden — één polish-item per commit
- Loop niet vast op één feature — als iets niet werkt, kies een ander item
- Vraag hulp in Teams als nodig
- Tijd: ~2 uur
Volgende les: échte database, écht persistent. QuickPoll wordt productie-klaar.