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
WestConnect is een platform waar vraag en aanbod in Amsterdam West samen komt.
De Buurtcampus is een project voor een letterlijke buurt campus waar vraag en aanbod elkaar kruist. Het is een initiatief om mensen in de buurt met elkaar te verbinden. Vrijwilligers gezocht, zoek jij die ene toffe muzikant voor op je buurtfeestje of organiseer je een theekransje voor ouderen? Alles is welkom!
De Buurtcampus heeft deze sprint vijf pagina's:
Deze pagina is gebaseerd op de volgende user story:
Als buurtbewoner van Amsterdam West wil ik een overzicht van alle buurtinitiatieven kunnen bekijken, zodat ik een indruk kan krijgen van wat er allemaal te doen is in de wijk.
en
Als buurtbewoner van Amsterdam West wil ik een initiatief kunnen liken.
Deze pagina is gebaseerd op de volgende user story:
Als buurtbewoner van Amsterdam West wil ik meer informatie over een initiatief kunnen bekijken, zodat ik kan zien of ik mij bij het initiatief wil aansluiten.
Deze pagina is gebaseerd op de volgende user story:
Als stichting of bewoner van Amsterdam West wil ik een initiatief kunnen plaatsen op de website.
Deze pagina is gebaseerd op de volgende user story:
Als stichting of bewoner wil ik in een opslag beknopt zien wat de WestConnect is en wat ze doen.
Deze pagina is gebaseerd op de volgende user story:
Als stichting of bewoner wil veelgestelde vragen over WestConnect duidelijk kunnen bekijken.
In dit project maak ik gebruik van Node, Express, EJS en Progressive Enhancement.
Node is een open source platform wat wij in dit geval gebruiken om JavaScript te gebruiken voor server-side werken. De JavaScript wordt in dit geval gelijk gerund in de computer in plaats van in de browser.
Express is een framework voor Node. Het is eigenlijk een laagje over Node heen, wat ervoor zorgt dat helpt om servers en routes te managen.
EJS is een template voor Node. Op deze manier kun je je HTML met zo min mogelijk code maken. Zo heb je een head
en foot
die je dan op meerdere pagina's kan implementeren. Ook kun je bepaalde secties loopen. Dit betekent dat je hetzelfde stukje HTML meerdere keren op de website ziet, terwijl het eigenlijk maar één keer in je index.ejs
staat.
Progressive Enhancement betekent eigenlijk dat je werkt in drie fundamentele lagen, zodat je website het altijd zo goed mogelijk doet. De eerste laag is de HTML, de fundamentals. De tweede laag is de CSS, de visuals. En de derde laag zijn de enhancements, vaak met JavaScript of andere poespas.
Installeer NodeJS.
Fork deze repository en open het in VScode.
Run de command npm install
Run de command npm start
Volg de link naar localhost en HAPPY CODING!
This project is licensed under the terms of the MIT license.