## PE Take-Away / Restaurant Website

const course = "Project Scripting" ;

const year = "2025–2026" ;

### Opdracht in één zin

> Bouw een dynamische take-away/restaurant website met bestelfunctie, datastructuur van gerechten en JavaScript voor interactie, filtering en state — zonder frameworks.

### Wat ik precies moest doen

const requirements = [

"dynamisch renderen vanuit array/object",

"later uitbreiden naar JSON via fetch",

"veggie-gerechten visueel markeren",

"gerecht/promotie van de dag",

"filter veggie / non-veggie",

"sorteren op prijs per categorie",

"winkelmandje met localStorage",

"max. aantal + foutmelding",

"cart view met totaalprijs",

"GitHub Classroom + README"

];

Screenshot van restaurant website homepage met menu items in grid layout, filteropties en winkelwagen functionaliteit

### Mijn aanpak & keuzes

// UI & architectuur

grid-layout voor gerechten, dropdowns voor filter & sortering, vanilla JS voor rendering, event listeners voor interactie, localStorage voor persistence

> Mijn customer service-achtergrond leerde me dat UX alles is: duidelijke feedback, geen irritante alerts, en state managen zonder libraries.

### Geleerd & trots op

const achievements = [

"JS arrays & objects manipuleren",

"DOM updates zonder reload",

"Fetch API & JSON integratie",

"admin-mode & dynamische pricing",

"clean code & Git flow"

];

// note Checkout-pagina voelt als een echte app

### Extraatje

> Mijn eerste echte webapp: van statisch naar state-driven.

const repository = " GitHub Repo " ;