Fork deze leertaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je in: docs/INSTRUCTIONS.md
Wij hebben de taak gekregen om een front-end applicatie te ontwikkelen waarbij de vertrekkende of aankomende vluchten van Schiphol op een kaart worden weergegeven.
De schiphol dashboard laat simpel en vlug de laatste vluchten zien vanaf schiphol naar verschillende bestemmingen. De vluchten worden gevisualiseerd op een kaart, verder kan je makkelijk en snel de vluchten zien op een tabel waarin je kan zoeken en filteren.
Hieronder een foto van de zero state:
Hieronder een foto van de resterende content op de pagina:
Link naar de website: https://schiphol-dashboard-sprint-12-leertaak.onrender.com
De volgende stappen kan je nemen om gebruik te maken van de dashboard:
- Zoeken naar een vlucht.
- Selecteren van een vlucht en op de kaart visueel zien.
- Selecteren van alle vluchten en zo alle vluchten op de kaart zien.
In dit project zijn de volgende technieken gebruikt:
- HTML
- CSS
- JS
- Node
- Express
- EJS
- Datamaps library
- Greensock animation library
Voordat je de applicatie kan runnen moet je node runnen op je lokale computer, Node kan je downloaden op de volgende website: https://nodejs.org/en/. Download de stabiele versie 18.14.0 LTS, open je terminal binnen de code editior (zoals VS code) en run de volgende command lines:
- NPM install, dit om express, ejs en alle andere afhankelijkheden te downloaden.
- NPM start om je applicatie te runnen, je lokale server wordt meestal gerunned op port 8000.
- Optioneel: je kan de applicatie ook runnen met een script, zo kan je npm run dev gebruiken ipv npm start (er wordt dan gebruik gemaakt van nodemon). Dit zorgt ervoor dat de applicatie automatisch aan en uit wordt gezet na een verandering binnen de server side (met deze optie is het handmatig aan en uitzetten van de applicatie niet meer nodig).
- Node download: https://nodejs.org/en/
- Express/node introductie: https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/Introduction
- EJS: https://ejs.co/
- Schiphol API: https://developer.schiphol.nl/login
- Greensock documentatie: https://greensock.com/get-started/
- Datamaps documentatie: https://datamaps.github.io/
This project is licensed under the terms of the MIT license.