moonlightlizaa/fix-the-flow-interactive-website

Ontwerp en maak een interactieve website voor een opdrachtgever

Interactive Website

Ik heb tijdens deze sprint gewerkt aan een interactive website voor Visual Thinking. Ik heb ervoor gekozen om de filters op de web pagina van de tekenmethodes te laten werken.

User Story

Ik heb gewerkt aan de user story "Als student wil ik eenvoudig alle werkvormen kunnen verkennen zodat ik er een kan uitkiezen die bij mijn tekendoel past"

Beschrijving

Ik was verder gegaan met de website waarmee ik bezig was tijdens de vorige sprint. Ik heb ervoor gezorgd dat je de content van mijn pagina kunt filteren op categorie. Als je nu op een van de tekenmethode categorieën klikt word het allemaal gefilterd. Ik heb dit gedaan met JavaScript.

Dit is voor mij niet het enige wat op mijn website werkt met JavaScript. Ik had eerder al een werkende "laad meer" button die meer content liet verschijnen op de site. Ik heb voor het filteren bijna dezelfde techniek gebruikt.

Filter content:

Kenmerken

Ik heb gebruik gemaakt van HTMl, CSS en JavaScript om deze opdracht te maken.

Licentie

This work is licensed under GNU GPLv3.

fix-the-flow-interactive-website's Issues

Achtergrond kleur

Je kan een achtergrondkleur toevoegen voor het eerste stukje over de tekenmethodes, zodat het er niet zo leeg uit ziet. (Meer afwisseling)

Filter issue

Nadat ik een filter heb gekozen is er geen knop om alles weer te tonen

Responsive

Het is handig als de filter ook werkt op de telefoon en tablet versie

Tekst

De tekst over de tekenmethodes misschien niet zo breed over de pagina laten gaan.

Hover effect

Misschien is het handig om een hover effect over de categorie te zetten, zodat je kan zien wat je selecteert.

Zet een effect op de buttons