Git Product home page Git Product logo

itsvalyria / the-web-is-for-everyone-interactive-functionality Goto Github PK

View Code? Open in Web Editor NEW

This project forked from fdnd-task/the-web-is-for-everyone-interactive-functionality

0.0 0.0 0.0 6.85 MB

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

Home Page: https://the-web-is-for-everyone-interactive-vwv4.onrender.com/

License: MIT License

JavaScript 13.79% CSS 55.96% EJS 30.25%

the-web-is-for-everyone-interactive-functionality's Introduction

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

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

De Buurtcampus

De Buurtcampus is een platform waar vraag en aanbod in Amsterdam West samen komt.

Recording2024-03-21at10 53 131-ezgif com-resize

Inhoudsopgave

Beschrijving

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!

Gebruik

De Buurtcampus heeft deze sprint vier pagina's:

1. Initiatieven overzicht page

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.

2. Initiatief informatie page

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.

2. Initiatief aanmelden page

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.

4. Landing page

Deze pagina is gebaseerd op de volgende user story: Als stichting of bewoner wil ik in een opslag beknopt zien wat de Buurtcampus is en wat ze doen.

Kenmerken

In dit project maak ik gebruik van Node, Express en EJS.

Node

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

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

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.

Installatie

Stap 1

Installeer NodeJS.

Stap 2

Fork deze repository en open het in VScode.

Stap 3

Run de command npm install

Stap 4

Run de command npm start

Stap 5

Volg de link naar localhost en HAPPY CODING!

Licentie

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

the-web-is-for-everyone-interactive-functionality's People

Contributors

itsvalyria avatar joostf avatar ju5tu5 avatar koopreynders avatar

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.