Webshop

Voor deze opdracht moesten we een webshop maken op basis van een layout die we kregen en daar 3 extra features aan toevoegen, zoals bijvoorbeeld responsive design, filter, search, dark mode of een modal.
Ik koos ervoor om de layout van bol.com te gebruiken en de features die ik heb toegevoegd zijn filter, search en responsive.
Ik heb mijn eigen versie van de webshop gemaakt, waarin ik kleding verkoop. De filters werken ook echt in de zoekbalk, wat het makkelijk maakt om snel te vinden wat je zoekt. Daarnaast heb ik de webshop redelijk goed responsive gemaakt. Dit was ook de eerste keer dat ik deze features had gebruikt en ik ben er heel trots op.

Hier zie je een voorbeeld van de searchbar, waarin je “suit” kunt opzoeken. Zoals je ziet verschijnt alleen “suit” ook al staat het als laatste woord in de naam van het kledingstuk.

Hier zie je dat als je op “Bekijk product” klikt je naar een andere pagina gaat. Daar kun je het product in het mandje doen (add to cart) en rechtsboven verschijnt een +1 in het mandje (je kunt onbeperkt klikken en het blijft omhoog gaan). Als je eerst wilt lezen wat voor product het is voordat je het koopt, kun je ook de product informatie bekijken. Het mandje werkt verder niet nadat je erop hebt geklikt, omdat ik het nog best lastig vond om uit te zoeken hoe ik het verder kon laten werken.

Als je meer wilt weten kan je op de Live link klikken en de Github link.