We hebben eerder al gezegd dat we een modulair componentensysteem gebruiken voor de rebuild van de front-end. We begonnen met het bouwen van de navigatie voor desktop en tablet, met drie niveaus om keuzes te maken tussen bundels, categorieën en zelf samengestelde onderdelen. Daarna hebben we de meest gebruikte componenten ontwikkeld, namelijk de tabellen en de box component. Deze moesten zeer veelzijdig zijn zodat ze gemakkelijk hergebruikt konden worden. We hebben ook het openschuivend prijskaartje toegevoegd om de prijs van een product weer te geven of te verbergen.
Vervolgens hebben we de verschillende pagina's van de app opgemaakt met behulp van data uit de backend en de juiste componenten getoond op de pagina's. We hebben de app ook beschikbaar gemaakt in zowel Nederlands als Frans door vertalingen uit de backend te gebruiken en deze om te zetten in de front-end met i18n.
Ten slotte hebben we het winkelmandje samengesteld, waarbij de gebruiker producten of bundels kan selecteren en aan het einde van de rit een overzicht te zien krijgt dat vrijblijvend afgedrukt of doorgemaild kan worden naar een e-mailadres naar keuze.
