Datamodellene i systemet og det visuelle hang ikke helt sammen, noe som førte til bygg-feil og en litt luggete brukeropplevelse, spesielt når det kom til mapping av ressurser og ikoner.

Hensikten var å tette dette gapet ved å rydde opp i dataene i backend og flikke litt på frontenden, slik at vi endelig fikk en stabil produksjonsbygg.

• For å løse dette har jeg gjennomført følgende tiltak:
• Jeg har forbedret GithubDatabaseHandler slik at den automatisk synkroniserer språkbytes og teknologi fra GitHub, og tvinger alle språknavn til små bokstaver for å holde dataen ryddig.
• Jeg har funnet og fiksa skrivefeil i ikon-referansene og oppdatert whitelisten for å slippe unna feil under Nuxt-prerendering.
• Jeg har standardisert ikonstørrelser, fjerna border-radius på tekniske logoer, og lagt inn en grense på 81 tegn for prosjektbeskrivelser så griden ser bra ut.
• Jeg har kjørt en merge av documentation inn i main og brukt AI-agenten til å kjapt skjønne de mer komplekse sammenhengene.

Gjennom dette arbeidet har jeg fått redusert teknisk gjeld og gjort portefølje-visningen mye mer stabil. Samarbeidet med AI har vist hvor effektivt man kan optimalisere på tvers av stacken, og jeg sparte sikkert 4-6 timer med kjedelig manuelt arbeid.

• Nuxt Framework Dokumentasjon
• Vue.js Offisiell Dokumentasjon
• Vitest Testing Framework
• W3C WCAG 2.2 Retningslinjer for Universell Utforming