Code Monkey home page Code Monkey logo

all-human-accessible-website's Introduction

Coding the Curbs


๐Ÿ“ฏ Inhoud

  • Introductie
  • Live versie
  • Talen
  • Installatie
  • Funcites

image

image

image

๐Ÿ“ฏ 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. image


๐Ÿ“ฏ 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.

all-human-accessible-website's People

Contributors

joostf avatar knetters avatar koopreynders avatar milanrolie avatar

Stargazers

 avatar

Forkers

milanrolie

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.