RalphKocken / server-side-rendering

Ontwerp en ontwikkel een server-side website voor een opdrachtgever

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

De Stekjesbieb. Een website om te laten zien welke stekjes de buurtcampus in huis heeft.

Inhoudsopgave

Beschrijving

Dit project is gemaakt met de volgende User Story als uitgangspunt: "Als buurtbewoner wil ik kunnen zien welke stekjes momenteel in de stekjeskast zitten, zodat ik kan overwegen een stekje om te ruilen".

Op de pagina is een logo van "PlantSwap" te zien, een slogan met "Kom je stekje ruilen" en een kader met wisselende afbeeldingen. Een uitleg over hoe het ruil principe werkt, en een overzicht van alle stekjes die momenteel in de stekjeskast zitten. Vervolgens wordt er nog wat algemene informatie getoond en de locatie via Google Maps. Elk "stekje" bevat een link naar een detailpagina van het betreffende stekje, waar meer informatie over het stekje wordt getoond.

Kenmerken

Voor dit project heb ik gebruik gemaakt van Node, JSON, Express, HTML, CSS en Javascript. Node is gebruikt voor het "runnen" van de applicaties buiten de browser. Express is gebruikt voor het bepalen van de routes die de server moet afleggen. De data wordt met deze technieken uit een JSON bestand gehaald. De structuur is gemaakt met HTML, waar ik extra heb gelet op het gebruik van utility classes die ik vervolgens met CSS kan aanspreken. Ik heb geprobeerd om waar nodig custom properties te gberuiken. Verder is er nog een klein beetje javascript gebruikt om de scripts op de client af te handelen.

Installatie

Gebruik

Bronnen

Workshops AD FDND.

Licentie

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

About

Ontwerp en ontwikkel een server-side website voor een opdrachtgever

License:GNU General Public License v3.0


Languages

Language:JavaScript 40.1%Language:EJS 32.1%Language:CSS 27.8%