Skip to content

Amber-vdr/connect-your-tribe-squad-page

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Connect-your-tribe-squad-page

Ontwerp en maak met een team een squad page met Node en data uit de whois.fdnd.nl API.

📋 Inhoudsopgave

💬 Beschrijving
🔖 Gebruik van de website
📸 Poster visual
🌐 Cyclic.sh
📑 Checklist gelukt/niet gelukt
♦️ Licentie

💬 Beschrijving

Elke frontender bij FDND staat in een database die te bereiken is via de API op whois.fdnd.nl. In een team ga je met deze data een squad page ontwerpen en maken zodat je met elkaar in contact kan blijven.

🔖 Gebruik van de website

  1. Download de code via de zip
  2. Pak het bestand uit
  3. Open het uitgepakte bestand met Visual Studio Code
  4. Open de terminal
  5. Typ in: npm install en installeer de benodigde packages
  6. Nadat de installatie klaar is, typ nogmaals in de terminal: npm start
  7. Je krijgt helemaal onderaan een link te zien wat als volgt gaat: http://localhost:8000
  8. Klik op de link en bekijk het project

📸 Poster visual

☎️ Mobiel

image

🖥️ Desktop

image

🌐 Cyclic.sh

https://clean-lion-earmuffs.cyclic.app

📑 Checklist gelukt/niet gelukt

✅ Wat er wel is gelukt:

  • Een squad page ontworpen en gemaakt met Node en de WHOIS API
  • De squad page is online gepubliceerd
  • Ik heb gewerkt volgens de verschillende fases van de development-lifecycle en ik heb mijn proces bijgehouden in de Wiki
  • Comments in de Node-code waarmee de code is uitgelegd
  • Ik heb comments in de EJS bestanden waarmee een loop of andere Control Flow is uitgelegd
  • Ik heb in de Readme bij 'Kenmerken' uitgelegd wat Node is, wat Express is en wat EJS doet

❌ Wat er niet is gelukt :

  • User generated content toevoegen
  • Een filter systeem

💯 Kenmerken

  • HTML
  • CSS
  • JS
  • NODE: Met Node kunnen kan je als developer JavaScript-code schrijven die rechtstreeks in een computerproces zelf wordt uitgevoerd in plaats van in een browser.
  • EJS: Staat voor Embedded JavaScript. Het is een simpele template code taal dat zijn gebruikers HTML code laat genereren met JavaScript.
  • EXPRESS: Express is een Node.js web-framework dat een set functies biedt voor web- en mobiele applicaties.
  • JSON
  • API
  • REST
  • Visual Studio Code

Licentie

GNU GPL V3

This work is licensed under GNU GPLv3.

About

Redesign met je squad een squadpagina op basis van een bestaande API.

Topics

Resources

License

Stars

Watchers

Forks

Languages

  • EJS 61.3%
  • CSS 27.4%
  • JavaScript 11.3%