Skip to content

DamianR2004/the-client-website

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

84 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

Ontwerp en maak een component / website voor een bedrijf en presenteer het resultaat

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 82.1%
  • CSS 16.4%
  • JavaScript 1.5%