cathelijnevisser/dont-repeat-yourself-component-library

Ontwikkel een website voor een opdrachtgever op basis van een component library.

Ocean Cleanup Dashboard

Inhoudsopgave

Beschrijving 📖

De Ocean Cleanup is organisatie die als doel heeft de oceaan afvalvrij te maken, dit doen ze onder andere door het plaatsen van interceptors in de oceaan en in de riviermondingen. Deze interceptors vangen het afval op. De Ocean Cleanup wil mensen informeren over wat ze aan het doen zijn. Daarom hebben wij voor de Ocean Cleanup een dashboard gemaakt waarin je allerlei informatie kan vinden over de interceptors. Deze opdracht is gemaakt voor de opleiding Frontend Design & Development aan de HVA.

Kenmerken 🛠️

Dit project is gemaakt met de volgende technologiën:

• HTML
• CSS
• JavaScript
• Svelte
• Sveltekit
• Node.js
• Chart.js
• Mapbox
• Hygraph

Installatie 🎛️

1. Clone deze repository naar je code editor.
2. npm install
3. npm install graphql-request graphql
4. npm install chart.js
5. npm install mapbox
6. npm install mapbox-gl

Gebruik 💻

Dit dashboard is bedoeld voor iedereen die interesse heeft in de Ocean Cleanup en kan gebruikt worden om informatie in te zien over de interceptors, zoals bijvoorbeeld hoeveel afval een interceptor uit het water heeft gehaald.

Bronnen 📻

Chartjs grafieken:

• https://www.chartjs.org/

API & Hygraph data koppelen:

• https://kit.svelte.dev/docs/hooks#server-hooks

Licentie

This project is licensed under the terms of the MIT license.