Prosjekter
Småprosjekter & øving
Her samler jeg små prosjekter jeg bygger for å lære mer om React, Next.js, TypeScript og API-integrasjoner.
Driftstatus – systemstatus via REST API
Next.js · TypeScript · REST API
Idé hentet fra et konkret kundeprosjekt der vi opprinnelig bygde en lignende løsning i PHP for WordPress. Her har jeg gjenskapt samme konsept i Next.js: en enkel driftstatus-løsning der status oppdateres via et REST API. Ved vedlikehold eller feil vises et tydelig varselbanner øverst på siden med lenke til en egen driftstatus-side som viser driftsmelding, forventet nedetid og tidspunkt for siste oppdatering.

HFDD (Have Fun Don't Die) – treningsplanlegger
React · TypeScript · Vite · Supabase · Tailwind CSS
Personlig treningsapp der brukere kan bygge og følge treningsprogram. Appen har egen øvelsesbibliotek med muskelgrupper og beskrivelser, og brukeren kan lage program med ulike strukturer (ukevis, roterende, blokk, frekvens). Treningsøkter logges mot program eller som frie økter, med sett/reps, notater og vurdering, og historikk vises i egen side. Brukere kan foreslå nye øvelser som godkjennes av admin. Innlogging og roller (admin/standard/pro) håndteres via Supabase Auth, og data lagres i Supabase med typede tabeller for brukere, profiler, øvelser, program og treningsøkter.

WoW Vault Tracker – Mythic+ vault på ett sted
Next.js · TypeScript · Tailwind CSS · NextAuth · Prisma · PostgreSQL · Raider.io API
Personlig verktøy for World of Warcraft der innloggede brukere legger inn egne karakterer (realm og navn for EU eller US/OCE/LA). Appen henter Mythic+-data fra Raider.io og viser hvor mange +10- eller høyere-runder som telles mot ukens Great Vault (1 / 4 / 8), med tydelig fremdrift og når uken resetter. Karakterer lagres per bruker i PostgreSQL (Neon) med Prisma, profil kan caches for raskere lasting, og brukeren kan oppdatere alle karakterer eller fjerne dem etter behov.