Prosjekter

Egne prosjekter

Her samler jeg personlige utviklingsprosjekter bygget med React, Next.js, TypeScript og API-integrasjoner. Prosjektene brukes til å utforske moderne frontend-utvikling, autentisering, databaser og API-drevet funksjonalitet.

HFDD (Have Fun Don't Die) – logg økter, bygg program, følg fremgang

React · TypeScript · Vite · Tailwind CSS · Supabase · PostgreSQL · Capacitor

Jeg ville ha et eget treningsverktøy, og ikke minst se om jeg klarte å bygge det selv. Brukere kan opprette og følge treningsprogrammer og logge økter med sett/reps, notater og vurdering. Siden vennene mine også skulle bruke appen, støtter den ulike programstrukturer (ukevis, roterende, blokk, frekvens) – det mest krevende var å forstå og implementere mesosykluser. Øvelsesbiblioteket er felles for alle, så nye forslag må godkjennes av admin for å unngå duplikater med litt ulike navn. Jeg valgte Supabase fordi gratisnivået dekker både rollebasert autentisering og database.

HFDD-dashboard med antall fullførte økter, aktivt program og programprogresjon

WoW Vault Tracker – Mythic+ vault på ett sted

Next.js · TypeScript · Tailwind CSS · NextAuth · Prisma · PostgreSQL · Raider.io API

Laget for å slippe å logge inn på hver karakter for å sjekke ukens Mythic+-fremdrift, og fordi guildmesteren vår ville se hvem som trengte hjelp til å fullføre flere Mythic+-runder. Appen henter data fra Raider.io API-et og viser hvor mange +10-runder eller høyere som teller mot ukens Great Vault (1 / 4 / 8), og når uken resetter. Innlogging skjer med Discord via NextAuth, siden nesten alle i gaming-miljøer allerede har en konto der. Profiler caches fordi Raider.io kan stenge ute klienter som sender for mange forespørsler.

WoW Vault Tracker med Mythic+ og Great Vault-fremdrift

Driftstatus – systemstatus via REST API

Next.js · TypeScript · REST API

Basert på et tidligere kundeprosjekt utviklet jeg en egen versjon av en driftstatus-løsning i Next.js. Statusen oppdateres via et REST API slik at den kan kobles mot kundens andre systemer. Ett API-kall oppdaterer driftsmeldingen overalt, så ingen trenger å endre den manuelt flere steder. Ved vedlikehold eller feil vises et varselbanner øverst på siden med lenke til en driftstatus-side med melding, forventet nedetid og tidspunkt for siste oppdatering.

Forsiden med driftstatus-banner