๐ฏ Inhoud
- Introductie
- Live versie
- Talen
- Installatie
- Funcites
๐ฏ Introductie: Dit is een opdracht van de opleiding FDND in Amsterdam. Coding the Curbs is een start-up die sinds januari 2020 werkt aan het slimmer maken van de steden. Door de ruimte in een stad te 'coderen' is het mogelijk om plekken diverse functies te laten vervullen op verschillende momenten. Denk daarbij aan een parkeerplek die ruimte biedt voor laden & lossen doordeweeks, en voor terrassen in het weekend. Sinds onze start zijn wij een stuk verder met het ontwikkelen van ons product.
Aan ons is de opdracht gegeven een aantal user cases aan te pakken. Er is een pagina nodig voor een overzicht van de smartzones te maken. Er moet ook een info pagina komen voor alle smartzones.
Deze web applicatie werkt op desktop en als mobiele versie. Alle informatie die te zien is wordt gehaald aan een JSon bestand, ook te vinden in de reposetory.
๐ฏ De live versie is te vinden op: https://knetters.github.io/coding-the-curbs/
De mobiele web applicatie is te bekijken door te inspecteren in de browser en responsive design aan te klikken.
๐ฏ Dit project is gemaakt met de volgende talen:
๐ฉ HTML
๐ฉ CSS
๐ฉ JavaScript
๐ฏ Installatie: Je kan de bestandsmap downloaden of het project clonen; je hoeft verder niks te installeren. Om de website lokaal te bekijken kan je het index.html bestand openen.
๐ฏ Functies: Voor het overzicht maken we gebruik van leaflet.js. Dit is een dinamische kaart die we kunnen opmaken met eigen locaties en markers. De kaart gaat over de gehele pagina heen en heeft een z-index van 0 zodat de kaart op de ondergrond blijft en de elementen er boven op kunnen liggen.
Gemaakt door Milan en Thomas.