Opdracht:
"Redesign met je squad een squadpagina op basis van een bestaande API."
In semester 2 zijn wij veel bezig geweest met het gebruiken van API's. Deze site is gebaseerd op de website van Videoland. Op de website kun je kijken welke serie-genre bij welke student past. Wie weet vind je hier wel je binge-buddy. De site bevat alle studenten van leerjaar 1 en zijn in de 3 squads gegroepeerd.
🌐 Bekijk de live site !
Tools
- 🔮 Visual Studio Code (Code editor)
- 👻 Google Chrome (Browser)
Technieken
- 🌸 EJS
- 🌷 CSS
- 🌺 Javascript
- 🍄 Node js
- 💥 JSON
- Node installatie - Via Nodejs.org heb ik eerst Node js gedownload.
- NPM installatie
- Om in de repository te werken en aanpassingen te maken moet je node.js downloaden.
- Clone of download deze respository.
- Open hem in je code-editor (Visal Studio Code).
- Open de terminal en typ npm install.
- Daarna kun je door middel van npm start een localhost krijgen met een link waar je de live site kunt bekijken.
- Het live zetten van je project kan met behulp van cyclic.
Je kunt filteren op de 3 squads. Per serie-genre kun je ook filteren op voornaam. Als je op de afbeelding klikt van een student, ga je naar zijn/haar website link. Je kunt per serie-genre van links naar rechts scrollen om alle studenten te bekijken.
Dit zijn de bronnen die ik voor dit project heb gebruikt:
- Codepen (Hover over de images)
- YouTube (Voor de horizontal media scroller)
- Google Fonts (Lettertypes)
- Whois (API informatie)
- Cyclic (Live link)
- Node js (Voor het installeren van Node js)
- Github forks (Inspiratie)
- Videoland (Inspiratie)
This work is licensed under GNU GPLv3.