Skip to content

Latest commit

 

History

History
66 lines (49 loc) · 2.92 KB

README.md

File metadata and controls

66 lines (49 loc) · 2.92 KB

Mediahuis

Inhoudsopgave

✏️ Beschrijving

We hebben een radiogids gebouwd voor mediahuis, op deze gids kun je een dag selecteren, op de gekozen dag zie je alle tijdstippen van de radioshows en alle radio dj's die draaien tijdens de show.

Bekijk hier de website

💻 Gebruik

User story

Als gebruiker wil ik kunnen zien wanneer alle radioshows spelen en welke dj er draait.

Gebruik van de week planner

Door op de dagen te klikken kun je het overzicht van de radioshows die op die dag spelen ophalen.

🔎 Kenmerken

Ontwerp

We hebben een ontwerp van Triple gekregen de desktop view hebben we in een horizontale lijn gezet zodat er meer radiostations in een keer te bekijken zijn.

Features

Responsive page

Doormiddel van media queries is de pagina responsive en te gebruiken op elk scherm formaat!

Image optimalisatie (layout shifting)

De images hebben een standaard width en height, zodat dit layout shifting voorkomt.

Technieken

  • HTML
  • CSS
  • JS
  • Svelte

Tools

  • Visual studio code (code editor)
  • Vercel (hosting)
  • Figma (Design tool)

📊 Projectboard

In ons projectboard kun je precies volgen hoe we aan het project hebben gewerkt en wat er wel en niet af is. Ons projectboard vind je hier

🔧 Installatie

  1. Clone deze repository
  2. Open de repository met een code editor naar keuze
  3. Open het terminal in de code editor
  4. Typ npm install in om alle benodigdheden voor het project te installeren in de terminal
  5. Om het project te kunnen typ: npm run dev om de server op te starten
  6. Gebruik de link localhost om het project lokaal te bekijken
  7. Mocht je het project online bekijken dan kan dat via deze link

👨‍💻 Bronnen