Ocean Cleanup
The Ocean Cleanup heeft als doel om al het plastic uit de oceaan te halen. Een megaklus! Om te voorkomen dat er nog meer plastic in de oceaan belandt, proberen ze de toevoer van plastic te verminderen. Hier worden Interceptors voor gebruikt. Deze machines halen plastic uit de rivier voordat het de oceaan bereikt. Er staan er meerdere verspreid over de hele wereld.
De opdracht
Er is al een dashboard gebouw die deze verschillende interceptors weergeeft (Oceaan en Rivier) door Sanne. Dit dashboard moet omgezet worden naar SvelteKit. Daarnaast moet het per interceptor mogelijk zijn om data uit het CMS en data uit de API gecombineerd te tonen. Bijvoorbeeld: De cijfers (data) komt uit de API, de titel, beschrijving en afbeeldingen komen uit het CMS. Aan jullie de vraag om te bedenken hoe de API nog waardevoller kan worden (welke data is nog meer relevant). Deze data wordt dan in de API beschikbaar gemaakt zodat jullie het kunnen toevoegen aan het dashboard.
Bonus
Het dashboard mag meer "App like" aanvoelen door o.a. page-transitions.
Doelen
- Het Dashboard maakt gebruik van SvelteKit en Hygraph
- Er wordt content getoond vanuit de API en het CMS. Elke Interceptor heeft zowel data uit de API als content uit het CMS nodig.
- Alle data uit de API wordt gevisualiseerd in het Dashboard (er is meer data in de API dan nu in het Dashboard wordt weergegeven)
- Bedenk hoe de API nog waardevoller kan worden. Welke data is nog meer relevant? Dit voegen wij dat toe aan de API.
- Het dashboard voelt "smooth" en "App like"aan
Resources
Huisstijl (The-Ocean-Cleanup-Styleguide.pdf)