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 in: docs/INSTRUCTIONS.md
Ontwerp en maak voor een opdrachtgever een interface waar gebruikers blij van worden
Voor deze opdracht lag de focus op het enhancen van je website met client side scripting, om een leuke en interessante website te maken waar gebruikers blij van worden. Dit hebben wij gedaan door interessante animaties toe te voegen aan het openen van het menu, het icoontje van het menu, de paginatie van de carrousel, de like interactie en CSS hovers. Hierdoor gebeurt er op bijna elk component wel wat interessants voor de gebruiker.
![](https://private-user-images.githubusercontent.com/144004647/334727450-27973a9d-da1a-46fb-960d-8e6f603dbb83.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU1NDU1MzAsIm5iZiI6MTcyNTU0NTIzMCwicGF0aCI6Ii8xNDQwMDQ2NDcvMzM0NzI3NDUwLTI3OTczYTlkLWRhMWEtNDZmYi05NjBkLThlNmY2MDNkYmI4My5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkwNVQxNDA3MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kMjFhYzFkNmM0MmI5ODg4YzViZTQ5MzVmNDYzY2M2YjMzMjY1ZmIxYTUzZmRhYzNhZTI0MzU0ZDc2ZGIxYjczJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.udfrGFSMVL4TNvyRbeUdlqgJBBK3tSeo7yhV56vgXio)
![](https://private-user-images.githubusercontent.com/144004647/334340517-f0c96afe-6e5b-4d6e-9744-67f2ff109688.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU1NDU1MzAsIm5iZiI6MTcyNTU0NTIzMCwicGF0aCI6Ii8xNDQwMDQ2NDcvMzM0MzQwNTE3LWYwYzk2YWZlLTZlNWItNGQ2ZS05NzQ0LTY3ZjJmZjEwOTY4OC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkwNVQxNDA3MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jZGQ3OTQwYmEzZjM1OTlmNGNlNDZmYjdkZDlhYTlkOWY4MjllMjk3ZjZmZmZhY2U5MDU0ZTRiNmU4MzMyNWRjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.cIWRvrPwQJgCui9jKCDUHl_qHYrHdgNYtwZXcbro-1g)
![](https://private-user-images.githubusercontent.com/144004647/334341453-2d0a7e04-28e3-4e14-a138-358691f70970.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU1NDU1MzAsIm5iZiI6MTcyNTU0NTIzMCwicGF0aCI6Ii8xNDQwMDQ2NDcvMzM0MzQxNDUzLTJkMGE3ZTA0LTI4ZTMtNGUxNC1hMTM4LTM1ODY5MWY3MDk3MC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkwNVQxNDA3MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xODk5ZDg3NzMwMWE5NmYwZTc3NDg1NzJiNTdmOWE3ZGIxY2EyOTJkOWYxMTFiNzJjZDA4MTAxZDI0ODJlMGY2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.GIdYyxkhRO4vpMNgWuAPghXd0BLLzaCp2MDjiDJmAAQ)
Om deze pagina live te bekijken kan je klikken op de livelink in de About sectie van deze repository.
Bij deze teamopdracht hebben wij gebruik gemaakt van het principe Progressive Enhancement. Dit houdt in dat je werkt in verschillende lagen.
Namelijk:
- Laag 1 (functional): de content laag (bijv. HTML)
- Laag 2 (reliable): de presentatie laag (bijv. basic CSS)
- Laag 3 (usable): de bruikbare laag (bijv. extra client-side Javascript)
- Laag 4 (pleasurable): de extra leuke laag (bijv. animaties)
Met keyframe animations, GSAP, Javascript en CSS hovers hebben wij onze website verrijkt zodat gebruikers er blij van worden.
- Installeer NodeJs
- Fork deze repository
- Open het in een code editor naar keuze
- Run de command
npm install
- Run de command
npm start
- Klik op de localhost link en begin met coden!
- About Githhub Projects, quickstart en best practices
- Making a pull-request
- Using branches
- Feature Branch Workflow
This project is licensed under the terms of the MIT license.