Dreamstays is een applicatie die – zoals de naam het zegt – exclusieve verblijven wil gaan aanbieden in v luxueuze verblijven die onze dromen overstijgen. Het gaat om verblijven in villa’s die wereldwijd verspreid zijn.
Maak hiervoor een applicatie "dreamstays" aan die de gebruiker toelaat in een lijst van beschikbare villa’s een villa te zoeken.
Verfijn jouw applicatie op basis van volgende opdrachten:
Opdracht 1:
Zet bovenaan de pagina het logo en de slogan “ Beyond your dreams”
Opdracht 2:
Voorzie een dropdown keuzelijst waarbij de gebruiker kan kiezen in welk land hij een luxeverblijf wil zoeken.
Opdracht 3:
Toon de lijst van beschikbare villa’s voor het land dat de gebruiker selecteert.
Opdracht 4:
Laat de details van het pand op het scherm verschijnen nadat de gebruiker 1 pand uit de lijst heeft aangeklikt. Zorg ervoor dat op deze detailpagina een foto van de gekozen villa wordt getoond, de prijs en de beschrijving.
Opdracht 5:
Het doel van deze opdracht is om jouw DreamStay webapplicatie te stylen en te personaliseren. Je zal hiervoor zelf opzoekingswerk moeten doen.
Je kan gebruik maken van een UI framework zoals Bootstrap om de DreamStay applicatie een professionele look te geven.
Enkele requirements:
Toon op de home page een hero image.
Kies mooie lettertypes en font sizes.
Voeg gepaste grafische elementen toe.
Laat je inspireren door het web... bijvoorbeeld:
of doe zelf opzoeking op internet om een hedendaagse, trendy layout te bouwen.
Doe een voorstel van de layout die je wil bouwen en laat dit goedkeuren door jouw docent voor dit vak alvorens je met de realisatie begint!
Maak voor het uitvoeren van bovenstaande opdrachten gebruik van de bijgevoegde bronbestanden:
Logo Dreamstay Villas
Json bestand met beschikbare data van de villa’s
Images van de aanwezige villa’s
