Prosjekter

Oversikt over egen økonomi krever at du fører budsjettet selv, og faste trekk du har glemt fortsetter å gå. Femten forslag i en liste blir null handling.

Jeg bygde landingssiden og ventelisten. Det ene grepet som er verdt å nevne: siden nekter å publisere en påstand om sikkerhet før et menneske har sjekket kilden. Mangler kilden, stopper hele bygget.

Nettsiden er levert. Appen er ikke publisert ennå.

NEXT.JS · REACT 19 · TAILWIND V4 · MOTION · PLAYWRIGHT · VERCEL

Jeg bygde siden for kiosken og kafeen. Hele menyen er sortert i grupper, så en gjest finner is, vafler og pizza uten å lese hele lista. Åpningstidene er ikke et bilde av en tabell: en indikator regner ut om det er åpent akkurat nå, og sier når det åpner igjen hvis det ikke er det. Nederst står det hvor i senteret de ligger. Jeg bygde også et adminpanel der de selv kan bytte hele menyen og oppdatere åpningstidene.

NEXT.JS · REACT 19 · TYPESCRIPT · TAILWIND V4 · VERCEL

Dokumentlenkene til vedtekter, husordensregler og søknadsskjemaer pekte på ingenting. Nyhetene lå i nettleserens eget minne, bak et passordfelt i frontend-koden. Fellestilhengeren hadde ingen bookingløsning.

Jeg portet siden til Next.js og bygde styreverktøyet: innlogging med engangskode, låst til styrets fem adresser, adminpanel for nyheter og infoskriv, og tilhengerbooking mot en database med sikkerhet på radnivå, der naboen sletter sin egen booking med en nøkkel i stedet for å måtte logge inn. Forholdene øverst på siden hentes fra tre kilder: Fnugg gir heiser, løyper og snødybde, MET gir varselet, og Frost gir målingene fra stasjonen. Fnuggs betingelser krever at krediteringen står sammen med dataen, så den rendres bare på siden som viser forholdene, og forsvinner hvis en kilde er nede. Heroen følger årstiden: den viser vinter når anlegget kjører eller det ligger snø, og ellers årstiden etter kalenderen.

NEXT.JS · TYPESCRIPT · TAILWIND · VERCEL

Kunden er tømrer og driver firmaet alene. Jobbene kom inn på telefon, og han hadde ingen side som viste hva han faktisk gjør.

Jeg bygde siden. To ting er verdt å nevne. Det ene er et klikkbart hus: du peker på den delen av bygget jobben gjelder, og får tjenesten som hører til. Det andre er hero-videoen, som først hentes når den er en firedel i syne, og aldri på liten skjerm, i sparemodus eller på 2G, så en dyr fil ikke sendes til noen som ikke ba om den.

NEXT.JS · REACT 19 · TYPESCRIPT · TAILWIND V4 · VERCEL

Jeg satte opp nettbutikken mot det amerikanske markedet, med Meta Pixel og Conversions API for sporing, Klaviyo for e-post og Judge.me for omtaler.

NETTBUTIKK · META PIXEL/CAPI · KLAVIYO · JUDGE.ME

Jeg bygde siden som et dossier: seks nivåer som dekrypteres mens du skroller, og en port der du holder inne for å autentisere deg. Siden er to frittstående HTML-filer uten rammeverk og uten byggesteg, servert fra Cloudflare Workers. Den er bygget mobilførst og finnes på norsk og engelsk.

HTML · CLOUDFLARE WORKERS · GITHUB

Et egenutviklet system der flere agenter handler på to kryptobørser, Firi og Revolut X, gjennom ett felles dashboard. Jeg bygde det med beslutninger tatt av AI via Claude, og med regelbaserte strategier som er backtestet og må bestå en papirtest, uten ekte penger, før de får ekte kapital. En bryter velger mellom de to. Hver bot har faste risikogrenser og en nødbrems, og systemet varsler på telefonen når noe skjer.

Et eget prosjekt, ikke et kundeoppdrag, bygget for å teste hvordan AI-agenter tar beslutninger i et miljø der feil koster penger. Dashboardet er privat, og bildet er sladdet.

AI-AGENTER · CLAUDE · FIRI · REVOLUT X · DASHBOARD

Jeg bygde landingssiden for spillet Boo Bandits: Steal a Ghost, med hvordan spillet spilles, en trailer, en smakebit på det neste spillet og lenker til fellesskapet på Discord, YouTube, TikTok og Instagram.

HTML · REACT · VERCEL

Et bookingsystem er ikke en bestillingsknapp. Det er ledige tider som må regnes ut mot ferier, sperrede timer og det som allerede er booket, roller som ser hver sine data, og en logg som viser hvem som åpnet hva.

Bestilling i seks steg (behandler, tjeneste, dato, tid, detaljer, bekreftelse), der hver dag i månedsrutenettet viser faktisk antall ledige, regnet ut mot helligdager, sperrede tider, ekstra åpne dager og allerede bookede timer. Adminpanelet er ti ruter: kalender, alle bookinger med filtrering og CSV-eksport, kunder, tjenester, behandlere, dokumenter, meldingsinnboks, innstillinger, stengte tider og en append-only journallogg. Avbestilling, venteliste og kontaktskjema hører med. Tekstene finnes på norsk og engelsk.

Klinikken er oppdiktet, og nettstedet sier det selv på hver side. Alle data nullstilles hvert døgn, og siden ber leseren la være å skrive inn ekte personopplysninger. Begge innloggingene til adminpanelet står åpent på forsida, fordi halvparten av systemet ligger bak dem.

SUPABASE · POSTGRES · EDGE FUNCTIONS · CLOUDFLARE TURNSTILE · VERCEL

En AI-assistent på en nettside er bare nyttig hvis den svarer med bedriftens egne priser og vilkår, og ikke finner på et tall når den ikke vet.

Jeg bygde en AI-assistent som svarer på spørsmål om Westengen Studio. Den leser prisene, vilkårene og tekstene på dette nettstedet hver gang den svarer, og hvert beløp i et svar sjekkes i koden mot prislista før det vises. Har den ikke svaret, sier den det. Samtalen går til en ekstern AI-leverandør og lagres ikke hos meg.

Dette er en demo bygget på studioets egne data, ikke et kundeoppdrag. Antall meldinger per samtale og per dag er begrenset.

NEXT.JS · AI API · TYPESCRIPT · PLAYWRIGHT · VERCEL

Jeg bygde en reiseplanlegger: du skriver hvor du skal, svarer på tre korte skjermer og får hver dag planlagt time for time, med en begrunnelse for hvert valg og hull som er holdt åpne med vilje. Hvert valg kan låses eller byttes mot ett av fem rangerte alternativer. Du trenger ingen konto, turen lagres i nettleseren, og appen finnes på norsk og engelsk.

Appen er i beta og ligger på et forhåndsvisningsdomene.

NEXT.JS · REACT 19 · TYPESCRIPT · TAILWIND V4 · VERCEL

Konseptdesign for et fiktivt advokatfirma, stramt og monokromt, der hver seksjon er nummerert som en paragraf. Heroen er en 3D-scene der paragrafer flyter langs en kurve gjennom firmanavnet, og den lastes først når resten av siden er ferdig.

Advokatfirmaet er fiktivt, og nettstedet sier det selv øverst på hver side.

NEXT.JS · REACT 19 · THREE.JS · TAILWIND V4 · VERCEL

Konseptdesign for en fiktiv tannklinikk, varm og rolig, med timebok på forsiden og bestilling i fem steg. Neste ledige tid på bestillingsknappen hentes fra de samme dataene som timeboken.

Klinikken er fiktiv, og nettstedet sier det selv øverst på hver side.

NEXT.JS · REACT 19 · TAILWIND V4 · VERCEL

Konseptdesign for en fiktiv burgerrestaurant der hele nettstedet er en monteringsanvisning og menyen er en stykkliste. Burgeren settes sammen mens du ruller: en bildesekvens tegnes på et lerret og styres av sidens vanlige rulling.

Restauranten er fiktiv, og nettstedet sier det selv øverst på siden. Nettstedet er på engelsk.

REACT 19 · TANSTACK START · VITE · TAILWIND V4 · VERCEL

Jeg bygde klinikkens landingsside: hva behandlingen er, hvem den er for, og hvem som står bak den. Timebestillingen er klinikkens egen, og den er ikke rørt. Jeg bygde også et system der de selv kan endre videoene som vises på siden.

VANILLA JS · SETMORE · VERCEL

Jeg bygde siden på nytt: 24 ruter på norsk og engelsk, alle statisk prerendret, med hver tekst og hvert tall generert fra kildefilene framfor skrevet av for hånd. Forsiden følger ett emne gjennom fem tilstander, fra coil til ferdig del, og under hver tilstand står maskinen som gjør jobben med sine egne mål. Der kilden mangler et faktum eller motsier seg selv, står det merket i siden og samlet i et arbeidsark til kunden framfor å bli gjettet.

Siden ligger på et forhåndsvisningsdomene mens innholdet gjennomgås med kunden.

NEXT.JS · REACT 19 · TYPESCRIPT · TAILWIND V4 · VERCEL