Interactive Media 2025 – Mijn Workflow

Dit project staat op GitHub en deze README helpt mij om op elk apparaat snel en zonder gedoe verder te werken.

⭐ 1. Project binnenhalen git clone https://github.com/Rayankib/interactive-media-2025.git cd interactive-media-2025

⭐ 2. Werken aan het project

Open de map in VS Code

Start eventueel Live Server om de pagina te testen

Pas HTML, CSS of JavaScript aan zoals nodig

Altijd eerst de nieuwste code ophalen:

git pull

⭐ 3. Committen & pushen

Wanneer ik klaar ben met aanpassen:

git add . git commit -m "Update" git push

Origin staat nu standaard op GitHub → alles gaat direct naar de juiste repo.

⭐ 4. Belangrijke bestanden

index.html – startpagina

style.css – styling

app.js / planner.js – functionaliteit

planner.html – sportplanner scherm

⭐ 5. Debuggen

Gebruik console.log() om te zien wat er gebeurt

Gebruik debugger in DevTools als iets vastloopt

Foutmelding bij push → eerst git pull doen

⭐ 6. Identiteit instellen (indien nodig)

Als Git om mijn naam/mail vraagt:

git config --global user.name "Rayan" git config --global user.email "r.fikri@student.fontys.nl"

⭐ 7. Kleine reminders voor mezelf

HTML = structuur

CSS = styling

JavaScript = logica

Regelmatig pushen zodat ik nooit werk verlies

Houd mappen en bestandsnamen netjes