Museum Moss Website i React (Uge 45‐48) - Tobbekjaer/Portfolio GitHub Wiki

Museum Moss Website i React (Uge 45-48)

Mål

  • Viden: Forstå integrationen mellem React og et headless WordPress CMS samt hosting af et WordPress-site i Azure for at kunne tilgå WordPress REST API.
  • Færdigheder: Bygge en dynamisk React-frontend, der konsumerer data fra WordPress REST API Endpoints og sikre backend-opsætningen kører problemfrit i WordPress.
  • Kompetencer: Skabe en effektiv og skalerbar applikation, reflektere over tekniske beslutninger, og navigere problemstillinger med moderne webteknologier.

Læringsaktiviteter

  1. Planlægning: Udarbejde en klar plan for projektet, der starter med opsætning af WordPress backend og REST API Endpoints.
  2. Backend Opsætning: Bygge Custom Post Types med Custom Fields i WordPress for at skabe relevante API endpoints som hostes og tilgås gennem Azure.
  3. Frontend Udvikling: Designe en React-frontend fra bunden, der dynamisk henter og håndterer responsdata fra WordPress.
  4. React Best Practices: Jeg har fulgt de bedste praksis fra React i komponentbaseret udvikling med hensyn til API-kommunikation, State Management, React Router og Hooks.
  5. Dokumentation: Reflektere over processen, tekniske valg, og hvad jeg har lært om webudvikling og datahåndtering. Overlevér et veldokumenteret system til Museum Moss, der nemt kan videreudvikles.

Projekt

  • Museum Moss hjemmeside (MOSS Website): Endelig React-bygget hjemmeside til Museum Moss, der kommunikerer med et headless Wordpress CMS (som hostes i Azure) via REST API Endpoints, som vi selv har lavet. Jeg har fokuseret på at skabe en brugervenlig, effektiv, og vedligeholdelsesvenlig applikation, der demonstrerer min forståelse af de teknologier, jeg har lært og stemmer overens med de krav vi har fået fra virksomheden. Jeg havde fokus på genbrugelighed og fleksibilitet samt at overlevere et veldokumenteret system til Museum Moss, der nemt kan videreudvikles.

Evaluering af Afsluttende Projekt

Det afsluttende projekt har været en udfordrende og lærerig proces, hvor jeg har kombineret teori og praksis for at skabe en funktionel løsning til Museum Moss. Projektet har styrket min forståelse af integration mellem React og et headless WordPress CMS og givet mig værdifuld erfaring med at håndtere REST API'er i React og hosting i Azure. Det lykkedes at integrere data fra WordPress til en dynamisk React-frontend - og det var et af de helt store mål på dette semester. Jeg fik udviklet en brugervenlig, responsiv frontend med fokus på genbrugelige komponenter og tydelig struktur. Jeg er særligt tilfreds med, hvordan jeg har kunnet omsætte langsigtede læringsmål til konkrete resultater, samtidig med at jeg har arbejdet struktureret og målrettet i et team.