Een pagina waarop een overzicht staat van een aantal verhalen. De verhalen zijn responsive weergegeven en hebben hover states. Je kunt tussen de verhalen zoeken wegens de zoekbutton rechtsboven in de header. De website is gemaakt in de stijl van de RET.
Dit is een herkansing van Project WEB 2018-2019. Om het project volledig af te sluiten moest ik een micro interactie zoals filteren en sorteren toevoegen aan mijn website. Ik heb ervoor gekozen om een zoekbalk toe te voegen die écht werkt.
Met CSS/flexbox de cards responsive op elke scherm grootte goed eruit laten zien.
Met javascript een zoekbalk pas weergeven wanneer er op een zoekbutton wordt gedrukt. Met javascript binnen de titels van cards zoeken // input text value moet deels gelijk zijn aan de titel.
Bekijk nu de website live: https://jkoenen99.github.io/ProjectWEB-Filteren/