# 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 1. Supabase Auth setup 2. Database implementatie 3. Basis layout 4. 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) 1. Task Management App 2. Personal Finance Tracker 3. Recipe Collection App 4. Fitness Tracker 5. Event Planning Platform 6. Learning Management System 7. Portfolio Builder 8. Job Application Tracker 9. Travel Planner 10. 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