Squadpage Team 27
Op deze squadpage kun je in contact komen met je mede leerlingen uit jouw squad en andere squads.
Inhoudsopgave
Beschrijving
📸 Team 27 squadpage
Kenmerken
Wij hebben deze squadpage gebouwd met HTML, CSS, JavaScript en SvelteKit. Voor de data maken we gebruik van een Directus, waaruit we informatie over de studenten ophalen.
Wij hebben een global CSS bestand in static/css waarin we de fonts en custom properties in hebben staan. In de map src/routes bevinden zich twee bestanden: +page.server.js en +page.svelte. In +page.server.js wordt de data opgehaald uit de Directus, terwijl +page.svelte alle HTML, JavaScript en CSS bevat die nodig zijn om de website weer te geven.
Installatie
- Open een terminalvenster en ga naar de juiste map door het volgende commando te gebruiken:
cd squadpage - Installeer alle benodigde bestanden met het comando:
npm install - Als dit gelukt is kun je op localhost runnen met
npm run dev
Gebruik
Je kunt per squad filteren door op de squad naam te klikken. En als je contact wilt opnemen met iemand kun je dat doen via de link die te voorschijn komt als je over hun naam hovert/klikt.
Bronnen
Licentie
This project is licensed under the terms of the MIT license.