Skip to content

Latest commit

 

History

History
33 lines (19 loc) · 2.3 KB

README.md

File metadata and controls

33 lines (19 loc) · 2.3 KB

Fork deze leertaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je, zoals altijd, in: docs/INSTRUCTIONS.md

Titel

De client page funda | Damian Romeijn

Inhoudsopgave

Beschrijving

Mijn idee was om een favorietenpagina te maken waarin het mogelijk is huizen in real-time te delen. Door middel van de "bewaar" functie op de huizenpagina van funda is het mogelijk om deze daar neer te zetten. Ook kan je mensen toevoegen door middel van email en eventueel mensen beheren/verwijderen door op hun avatar te klikken. Ook is te zien wie het huis heeft toegevoegd en is er boven een gemiddeld "cijfer' dat wordt weergegeven. Daarnaast werkt de link naar het huis ook, dus als er op het plaatje wordt geklikt dan kom je ook bij de funda site uit. Hetzelfde geldt voor de straatnaam en postcode. Als er onderin op de makelaar wordt geklikt kom je ook daadwerkelijk op de funda informatiepagina terecht. Momenteel staan er maar 2 huizen op de pagina. Met de knop onderin is het mogelijk om naar de volgende 2 te gaan. Bovenin heb ik een responsive navigatiebalk gemaakt. Hierin heb ik de 2 kopjes "favorieten" en "account" neergezet. "Mijn huis" heb ik verplaats naar het menu aan de rechterkant. Daarbinnen staan ook de kopjes: kopen, verkopen en huren.

Scherm­afbeelding 2023-10-11 om 17 20 43

Daaronder staat het aantel

<!-- Voeg een link toe naar Github Pages 🌐-->

Kenmerken

De technieken die ik heb gebruikt zitten vooral in de CSS en Javascript. In de CSS heb ik verschillende animaties voor mijn plaatjes gebruikt, zo hoveren deze als je er met een cursor overheen gaat en zit er ook een kleine in/uitzoom op. Door middel van javascript(wel hulp bij gehad) heb ik de toevoeg-knop werkent gekregen. Want als erop wordt geklikt dan is het mogelijk om iemand emailadres in te vullen en hiermee een uitnodiging voor de pagina te sturen.

Licentie

This project is licensed under the terms of the MIT license.