Citaten-app over IJsjes

Dit is mijn kleine webapp die ik gemaakt heb in JavaScript.
Het is eigenlijk een soort citaten-app, maar in plaats van quotes of wijze spreuken, voeg ik hier lekkere ijsjes toe met een korte beschrijving en prijs.

📖 Wat kan je hier doen?

• Overzicht bekijken van alle ijsjes-citaten
• Zelf een nieuw ijsje toevoegen via een formulier
• Ijsjes aanpassen of verwijderen
• Statistieken zien zoals:
  • hoeveel ijsjes er zijn
  • gemiddelde prijs
  • duurste en goedkoopste ijsje
• Titel van de pagina van kleur laten veranderen als je erop klikt (gewoon voor de fun)

Alles wordt lokaal opgeslagen met localStorage, dus als je de pagina refresh’t blijft je lijstje gewoon staan.

📁 Bestanden

• index.html → overzicht van de ijsjes
• add.html → pagina om een nieuw ijsje toe te voegen
• script.js → alle JavaScript voor het overzicht
• add.js → JavaScript voor het toevoegen van nieuwe ijsjes
• stijl.css → de styling van de pagina
• img/ → mapje met icoontjes (zoals prullenbak en quote-afbeelding)
• favicon.ico → klein icoontje in de browser-tab

Statistieken

De app rekent automatisch uit:

• hoeveel ijsjes er in de lijst staan
• wat de gemiddelde prijs is
• wat de duurste en goedkoopste ijsjes zijn

Prijs is altijd in euro’s.

Hoe werkt het?

1. Download of clone de repo
2. Open index.html in je browser
3. Voeg ijsjes toe via de Voeg citaat toe-pagina
4. Bekijk ze terug op de overzichtspagina

Kleinigheidjes

• Als je op de titel klikt verandert de kleur.
• Je kan bestaande ijsjes bewerken of verwijderen.
• En er komt altijd een leuke footer onderaan:
  © 2025 - Leuventje

📚 Waarom dit project?

Dit was een oefening in:

• CRUD-functionaliteit bouwen (Create, Read, Update, Delete)
• werken met DOM-manipulatie
• events koppelen aan elementen die dynamisch worden toegevoegd
• eenvoudige statistiekjes berekenen in JavaScript

En omdat ijsjes altijd een goed idee zijn.

Door

Marcel Tatayev
Frontend student aan UCLL