Gentse Feesten

Project Details

De website voor de Gentse Feesten 2022 bevat de pagina’s Home, Dag detail, Evenement detail, Nieuws en Search. Op de homepagina worden acht willekeurige evenementen en drie nieuwsberichten via JavaScript ingeladen. De dag detailpagina laadt evenementen via de API, filtert ze op dag en sorteert ze op sort_key. De gebruiker kan via de categorieën scrollen, zoeken met een zoekveld en wisselen tussen lijst- en gridweergave.

De evenement detailpagina toont een evenement op basis van URL-parameters, samen met een screenshot van een kaart, vier andere evenementen van dezelfde organisator en evenementen op dezelfde locatie. De nieuwspagina laadt nieuwsitems via JavaScript, en de searchpagina toont resultaten op basis van de zoekparameter.

Algemeen moet het menu een werkend hamburgericoon hebben, de site moet semantisch, responsive en toegankelijk zijn, en er moet gebruikgemaakt worden van Reset.css. Pijltjes worden als SVG’s gemaakt en vergroten bij hover. De JavaScript moet proper en herbruikbaar zijn met fetch, IIFE en foutafhandeling. Een robots.txt-bestand voorkomt indexatie door zoekmachines.