koeenm / the-web-is-for-everyone-interactive-functionality

Ontwerp en maak voor een opdrachtgever een interactieve toepassing die voor iedereen toegankelijk is

Home Page:https://cyan-cheerful-grasshopper.cyclic.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

Titel

Inhoudsopgave

Beschrijving

Voor deze opdracht is het de bedoeling dat ik een dynamische website maak door gebruik te maken van data uit een database. De opdrachtgever is de Hallen, die wilt dat er een website komt waarop je initiatieven kan aanbieden en aanvragen. Hiernaast willen ze een overzicht hebben van de al geplaatste initiatieven waarna je op een initatief kan klikken om er meer informatie over te krijgen.

(Doelgroep) Je bent een buurtbewoner uit Amsterdam West. De leeftijd voor de bezoeker van deze site kan varieren van heel jong tot heel oud, dus sommige mensen zijn niet bekend met computers/telefoons.

Gebruik

Kenmerken

Voor dit project heb ik gebruik gemaakt van Node.js, Express en EJS. De database waar we informatie uit halen word via Directus aangeboden. Deze data word gebruikt om dynamische data te laten zien die ingevuld kan worden door de Hallen zelf, via Directus.

Door middel van EJS kan je heel makkelijk templates maken om dit simpel toe te voegen aan nieuwe pagina's van je website. Die pagina's van de website zijn te vinden in de views map. Maar die templates (partial templates) zijn te vinden in de partials map. In deze map heb ik de header en de footer staan. Maar ook heb ik terugkomende content hierin staan; de navigatie en een aanvraagformulier.

Installatie

In mijn wiki heb ik delen van mijn code beschreven, en heb ik een aantal schetsen gezet. In de code sectie van mijn repository kun je mijn code over downloaden. Om gebruik te maken van de code moet je Node.js installeren. In de terminal van je codeer programma kan je een npm install doen om de benodigde packages te downloaden. En in de server.js moet je JSON en Express importeren.

Bronnen

Licentie

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

About

Ontwerp en maak voor een opdrachtgever een interactieve toepassing die voor iedereen toegankelijk is

https://cyan-cheerful-grasshopper.cyclic.app/

License:MIT License


Languages

Language:EJS 60.9%Language:CSS 27.2%Language:JavaScript 11.9%