3.6 KiB
3.6 KiB
Les 18: Eindopdracht Intro, Planning & Advanced Topics
Hoofdstuk
Hoofdstuk 3: Advanced (Les 8-18)
Beschrijving
Voorbereiden op eindproject - culminatie van alles geleerd.
Te Behandelen
Eindopdracht Walkthrough
- 10 project opties
- Complexiteit niveaus
- Vereiste features
Requirements Deep Dive
- Verplichte onderdelen
- Bonus punten
- Grading rubric
Timeline & Realistic Planning
- 2 weken
- Dagelijkse milestones
Hoe Juiste Project Kiezen
Overweeg:
- Interesse
- Skills
- Ambitie
- Uniciteit
Project Planning met Cursor
AI als planning partner:
- Break down user stories
- Schat complexiteit
- Prioriteer MVP
- Maak timeline
- Identificeer risico's
Database Schema Design Workshop
Interactieve sessie:
- Studenten stellen voor
- Klas bekritiseert
- AI suggereert
- Leer van elkaar
Veel Voorkomende Patterns:
- User management
- Content ownership
- Many-to-many
- Soft deletes
- Timestamps
Gebruik Supabase skill voor schema generatie
RLS Policy Patterns
Geavanceerde Architecture Patterns
- Feature-based folders
- API route organisatie
- State management strategieën
- Component patterns
Code Organisatie
- Project structuur die schaalt
- Documentatie die belangrijk is
- Git workflow
Accessibility Deep Dive
WCAG Compliance:
- A (minimum)
- AA (doel) ✓
- AAA (excellent)
Focus areas:
- Keyboard navigatie
- Screen readers
- Color contrast
- Forms accessibility
Final Polish Workshop
- Code quality review met Cursor
- Bug hunting
- UI/UX polish
- Performance check
- Documentatie completeren
- Presentatie skills
Tools
- Cursor
- Supabase
- Skills.sh
- Planning tools
Lesopdracht (2 uur)
Plan Je Eindopdracht
Phase 1: Project Selectie (30 min)
- Review alle 10 opties
- Kies ÉÉN
- Documenteer redenering
Phase 2: Gedetailleerde Planning met AI (1 uur)
Gebruik Cursor + Claude Projects/Custom GPT
| Stap | Output |
|---|---|
| Feature Breakdown | User stories lijst |
| Database Schema Design | Schema met AI + Supabase skill |
| Architecture Planning | Folder structuur, patterns |
| Timeline | Dagelijkse milestones |
Phase 3: Project Setup (30 min)
- GitHub repo aanmaken
- Initialiseer Next.js
- Install dependencies
- Setup .cursorrules
- README met plan
- Supabase project (tables + RLS)
- Install Skills
- Deploy initiële versie
- Commit
Deliverable
- Project Proposal Document
- Initiële repo setup compleet
Huiswerk (2 uur)
Start Bouwen Core Features
Week 1 Doelen
- Auth compleet
- Database schema
- Core feature #1
- Basis layout + navigatie
Deze Week's Taken
- Supabase Auth setup
- Database implementatie
- Basis layout
- Eerste core feature
Requirements
- Gebruik Cursor + Composer + Skills extensief
- Commit frequent
- Test elke feature
- Documenteer blockers
Deliverable
- Progress update (250 woorden)
- GitHub repo
- Deployed preview URL
10 Eindopdracht Opties (Referentie)
- Task Management App
- Personal Finance Tracker
- Recipe Collection App
- Fitness Tracker
- Event Planning Platform
- Learning Management System
- Portfolio Builder
- Job Application Tracker
- Travel Planner
- Habit Tracker
(Details per optie in aparte eindopdracht document)
Leerdoelen
Na deze les kan de student:
- Een geschikt eindproject kiezen
- Gedetailleerd plannen met AI assistance
- Database schema's ontwerpen met best practices
- Geavanceerde architecture patterns toepassen
- Accessibility requirements implementeren (WCAG AA)
- Een project opzetten met alle geleerde tools en technieken