Skip to content

yujing-student/proof-of-concept

 
 

Repository files navigation

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

radio station BNR business beats om muziek te luisteren

image

Inhoudsopgave

Beschrijving

image image

In dit project heb ik een radio station gemaakt waar je muziek kan luisteren. Het is een radio station van BNR business beats. Je kan de muziek aan en uit zetten en het volume aanpassen. Ook kan je nieuwsartikelen zien

Gebruik

als gebruiker wil ik muziek kunnen luisteren op een radio station van BNR business beats.

Kenmerken

Ik heb gebruik gemaakt van HTML, CSS en JavaScript. In de HTML heb ik een audio tag gebruikt om de muziek af te spelen. In de CSS heb ik de layout gemaakt en de styling. In de JavaScript heb ik de functionaliteit gemaakt om de muziek aan en uit te zetten en het volume aan te passen.

ook heb ik gelet op progressive enhancement en heb ik de website responsive gemaakt door mobile first te beginnen.

dit is een snel overzichtmet de Kenmerken

  • sever-side rendering
  • EJS
  • Node
  • Express
  • CSS
  • javascript

links naar documentatie

EJS (Embedded JavaScript Templates) is een template engine voor Node.js waarmee je dynamische HTML-pagina's kunt maken. Express.js is een framework voor webapplicaties in Node.js dat goed samenwerkt met EJS.

Node.js is een open-source, cross-platform runtime-omgeving voor JavaScript. Het maakt het mogelijk om JavaScript-code uit te voeren buiten een webbrowser, waardoor je er servers, netwerktoepassingen en andere tools mee kunt bouwen.

Express is een populair framework voor het bouwen van webapplicaties in Node.js. Het biedt een robuuste set functies om efficiënt en schaalbaar web- en mobiele backends te ontwikkelen.

Visuel studiocode is de code editor die je kan gebruiken om dit project te gebruiken

Installatie

je drukt op de groene knop code en kopieert de link en plakt die in de terminal. of je download de zip file. img_1.png

  1. Clone de repository
git clone https://github.com/yujing-student/proof-of-concept.git

na het clonen van de repository doe je npm install

npm install

en daarna doe je in de terminal

npm  start

vervolgens zie je dit in de terminal :

img_2.png
en je drukt op de link en dan kan je de website openen in de browser.

Bronnen

Licentie

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

About

Ontwerp en maak een data driven online concept voor een opdrachtgever https://proof-of-concept-qwnn.onrender.com

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • EJS 44.1%
  • CSS 41.7%
  • JavaScript 14.2%