Ontwerp en maak met een team een overzicht van jouw tribe met alle online visitekaartjes, op basis van een CMS en een framework. Wij hebben een website gemaakt waarbij je in een grid de leden van ons team kan bekijken. Door op een van deze foto's te klikken kom je op de detailpagina. Op de detailpagina staat er ook een url van hun visitekaartje.
Live link: https://your-tribe-for-life-squad-page-gray.vercel.app/
Dit project is gemaakt in SvelteKit en is gecombineerd met Directus om data op te halen. Hier is gebruik gemaakt van een +page.server.js om data aan te sturen naar de index.
- HTML
- CSS
- JavaScript
- NodeJS
- Sveltekit
- Directus
Klik op een van de foto's van de studenten waar jij meer over wil weten. Op deze pagina kan jij meer over deze student te weten komen en in contact komen door middel van de socials en/of de link naar het visitekaartje.
- Installeer NodeJs
- Fork/clone deze repository
- Open het in een code editor naar keuze
- Open de terminal en maak een nieuwe werkomgeving aan:
# create a new project in the current directory
npm create svelte@latest
# create a new project in my-app
npm create svelte@latest my-app- Run de command npm install
- Run de command npm run dev
- Klik op de localhost link en begin met coden!