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
![mobile](https://private-user-images.githubusercontent.com/112861555/269867624-27b61a64-db02-4741-9c2e-74b4d3109f0f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEzNjg4ODksIm5iZiI6MTcyMTM2ODU4OSwicGF0aCI6Ii8xMTI4NjE1NTUvMjY5ODY3NjI0LTI3YjYxYTY0LWRiMDItNDc0MS05YzJlLTc0YjRkMzEwOWYwZi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxOVQwNTU2MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mOWY0YjI0NTEwY2QyZDkyNmJjMTYwNGZkZjM1N2IwNDczM2YwMjA0ZDE0Y2E0NjlkNGEwNDhjOTNkYmY4YzVjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.217StyTScfb3bS2oK62KAmqEBinAwx_vJIOIY1mk3TQ)
![ipad](https://private-user-images.githubusercontent.com/112861555/269868222-a9712103-f26e-4aa2-9ad7-e29441c96f49.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEzNjg4ODksIm5iZiI6MTcyMTM2ODU4OSwicGF0aCI6Ii8xMTI4NjE1NTUvMjY5ODY4MjIyLWE5NzEyMTAzLWYyNmUtNGFhMi05YWQ3LWUyOTQ0MWM5NmY0OS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxOVQwNTU2MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kNDM2NGZmNzlhYjNiMjczYTc4MTQ2MGUzM2QwOGY1NDhkZWFlMzNjZGI4OTVmOTBiMTg3OTkxZTQ5MjU5NTZjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.WwfdM_kgX3oOclFyT__RIbDbTd5nkFiuM1_zWLoJQMU)
Samen hebben we een Squadpage gemaakt, geïnspireerd door "Rubber Hose"! Als je onze startpagina bezoekt, zie je meteen een zoekknop die je naar de sectie "Who you looking for?" leidt. Daar kun je iedereen opzoeken, en als je naar links scrolt, kun je alle klasgenoten van squad 2a en 2b zien.
![Screenshot 2023-09-22 at 09 59 26](https://private-user-images.githubusercontent.com/112861555/269871553-bfe88721-4ef4-4ab9-bcbb-6c1125be8f56.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEzNjg4ODksIm5iZiI6MTcyMTM2ODU4OSwicGF0aCI6Ii8xMTI4NjE1NTUvMjY5ODcxNTUzLWJmZTg4NzIxLTRlZjQtNGFiOS1iY2JiLTZjMTEyNWJlOGY1Ni5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxOVQwNTU2MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wNjA2NDVkNmZlYmVmNTIxMTFhYzhmNzUzMmIzOTg3ZDM4ZTY5ZTJiYmE2ODY1NTg0MzdkNTNmNzYzYWU3ODVjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.tv6uBamZ1L-2yWDYr3-ncm1BekQx3tAlFyXxivp_IcU)
Als je op iemand klikt, brengt het je naar de detailpagina van die persoon, waar je enkele van zijn of haar hobby's kunt lezen.
![Screenshot 2023-09-22 at 10 03 24](https://private-user-images.githubusercontent.com/112861555/269872654-bcafce3e-f396-49c3-b4e7-1697c31c7a14.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEzNjg4ODksIm5iZiI6MTcyMTM2ODU4OSwicGF0aCI6Ii8xMTI4NjE1NTUvMjY5ODcyNjU0LWJjYWZjZTNlLWYzOTYtNDljMy1iNGU3LTE2OTdjMzFjN2ExNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxOVQwNTU2MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04NDc4MWE5YTg1ZmE1Njc1YzViMWMzODhkOTkzYjcyMWFhMGU5NzJhZDlmMTQ4Nzk3OGRkNTAyMWMyZDkwMzRhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.Z5w62S-FFHQ8Rffn186Gu2yjGm2OqOANfWUwehfgwz0)
- Visual Studio Code
- Vercel
- Figma
- Miro Board
- HTML
- CSS
- Sveltekit
- Prismic
- Javascript
# Cloning the repository
Open de repo via github desktop
# Install NPM packages
npm install
# Run local server
npm run dev
- Pinterest.com
- Dribble.com
- Figma.com
- Svelte.kit
- Prismic.io
- https://www.okupter.com/blog/sveltekit-404-pages - Error page for Sveltekit
- https://stackoverflow.com/questions/69321948/how-to-add-a-custom-404-page-and-a-different-error-page-for-other-errors-in-sv - Old & New way for error page sveltekit
This project is licensed under the terms of the MIT license.