Sensi Wizard

Live demo

Progress

Doel

Zorg ervoor dat gebruikers hun perfecte plant kunnen vinden op basis van voorkeuren

Wat heb ik gedaan

Met dit project heb ik een interactieve Wizard ontwikkeld waarmee gebruikers stap voor stap hun voorkeuren kunnen selecteren om zo het product te vinden dat het beste bij hun wensen past. De Wizard is gebouwd met Vanilla JavaScript.

Alle vragen en antwoordmogelijkheden worden ingeladen vanuit een JSON-bestand met behulp van de Fetch API. Na iedere gemaakte keuze wordt automatisch de volgende vraag weergegeven. De antwoorden van de gebruiker worden opgeslagen in de LocalStorage, zodat op de resultatenpagina de best passende producten kunnen worden getoond.

Om de code overzichtelijk, onderhoudbaar en schaalbaar te houden, is de applicatie gerefactord naar een class-based architectuur. Hierdoor is de code beter gestructureerd, eenvoudiger uit te breiden en makkelijker te onderhouden.

Met deze opdracht heb ik geleerd hoe ik mijn code clean kan houden met Classes.

Volgend project