Skip to content

fdnd-agency/ocean-cleanup

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 

Repository files navigation

Ocean Cleanup

example

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

  1. Het Dashboard maakt gebruik van SvelteKit en Hygraph
  2. Er wordt content getoond vanuit de API en het CMS. Elke Interceptor heeft zowel data uit de API als content uit het CMS nodig.
  3. Alle data uit de API wordt gevisualiseerd in het Dashboard (er is meer data in de API dan nu in het Dashboard wordt weergegeven)
  4. Bedenk hoe de API nog waardevoller kan worden. Welke data is nog meer relevant? Dit voegen wij dat toe aan de API.
  5. Het dashboard voelt "smooth" en "App like"aan

Resources

Backlog

Huisstijl (The-Ocean-Cleanup-Styleguide.pdf)

API

Preferred tech stack

Framework: SvelteKit
Headless CMS: Hygraph

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published