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
Deze squadpage laat alle squadmembers zien in een overzichtelijke pagina. Het doel van deze squadpage is dat je na de opleiding nogsteeds in contact kan komen doormiddel van de squadpage. Als je op een naam klikt dan linkt het naar het desbetreffende github profiel. Voor deze squadpage is qua design blacknwhite als thema en kleurpallette gekozen. We wouden een clean-design voor de squadpage zonder foto's. Doormiddel van een animatie hebben we het design wat spannender gemaakt.
Voor deze squadpage is er gebruik gemaakt van het framework Sveltekit en wordt de data opgehaald uit Directus. Omdat dit een groepsopdracht was staat de code op een andere repo, we hebben hiervoor de repo van Zoë
De HTML is opgedeeld in sections met daarin headers, en een ul voor de lijst met namen. In de squadpage kan er via een toggle een light/dark-mode worden beheerd door de gebruiker. Met CSS keyframes zijn er een aantal kleine animaties. Er is mobile first gecodeerd, het kleinste scherm is 300px.
Volg onderstaande stappen om zelf aan deze code te werken:
Installeer NodeJs; Ga naar de repo van Zoë Fork/clone deze repository; Open het in een code editor; Ga naar de directory 'my-app' door in de terminal cd my-app te typen; Run de command npm install; Run de command npm run dev; Klik op de localhost link en begin met coden.
Om deze pagina livelink te bekijken kan je klikken op de livelink in de About sectie van deze repository.
Op dit visitekaartje kan je lezen wie ik ben en waar ik vandaan kom, en kan je klikken op verschillende links om te naar mijn Github, Codepen of Instagram te gaan.
- https://github.com/zoepje/your-tribe-for-life-squad-page
- https://kit.svelte.dev
- https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_getting_started
- https://docs.directus.io/blog/getting-started-directus-sveltekit.html
This project is licensed under the terms of the MIT license.