Case archive

Projekt som visar systemtänk i praktiken

Tre leveranser där värdet sitter i mer än ytan: bokningslogik, datapipelines, innehållsflöden, drift och gränssnitt som går att använda.

01

multi-tenant booking / Laravel / live app

VenueFlow

Läs case
Problem

En verksamhetsnära bokningsprodukt behöver hantera gäster, resurser, tider, personalroller och konflikter utan att skapa friktion för användaren.

Lösning

Jag byggde en Laravel-baserad plattform med publik bokning utan konto, admin- och staff-vyer, RBAC, tenant-isolering och transaktionssäker kontroll av bokningskrockar.

Vad projektet visar

Visar att jag kan bygga system där affärsregler, datamodell och vardagsflöden måste sitta ihop, inte bara ett snyggt frontendskal.

Detaljer
Tenant-isoleringRollbaserad åtkomstKonfliktkontrollTidszonshanteringSupabase + Render
Teknik
Laravel 11PHP 8.3PostgreSQLBladeTailwindAlpine.jsRender
02

data pipeline / TypeScript / static delivery

FX Monitor

Läs case
Problem

Växelkurser behöver kunna jämföras över tid med KPI:er, diagram och riskindikatorer utan att kräva tung backenddrift.

Lösning

Jag byggde en monorepo med React/TypeScript-frontend och en Python-pipeline som hämtar ECB-data, publicerar statiska JSON-filer och uppdateras dagligen via GitHub Actions.

Vad projektet visar

Visar att jag kan koppla ihop data, CI, prestanda och interaktiv UX till en lösning som är enkel att drifta och lätt att resonera om.

Detaljer
Daglig CI-uppdateringStatiska datafilerKPI-beräkningJämförelselägeTvåspråkigt UI
Teknik
ReactTypeScriptPythonpytestruffChart.jsGitHub Actions
03

public site / React / information flow

Lördagsgolf

Läs case
Problem

Besökare behöver snabbt förstå bana, upplägg och kontaktvägar. Sidan måste vara lätt att scanna, särskilt i mobil.

Lösning

Jag byggde en React/Vite-SPA med tydlig informationshierarki, fokuserade CTA:er och responsiva vyer som håller tempot i innehållet.

Vad projektet visar

Visar att jag kan göra innehåll konkret, navigerbart och tekniskt lätt att vidareutveckla utan att överdesigna upplevelsen.

Detaljer
SPA-strukturResponsiva vyerCTA-flödeLäsbar innehållshierarkiPublik webb
Teknik
ReactViteJSXReact RouterTailwindESLint
04

golf scorecard / Next.js / Claude API

Fairway

Läs case
Problem

Att föra runda på papper ger ingen data att förbättra sig från. Golfare behöver ett sätt att logga rundor hål för hål och få konkret återkoppling på vad som faktiskt kostade slag.

Lösning

Jag byggde en fullstack Next.js-app med hål-för-hål-scorecard, localStorage-lagring, statistikdiagram, screenshot-import via AI-vision och Claude-driven coachinganalys per runda.

Vad projektet visar

Visar end-to-end produkttänk: säker AI-integration på serversidan, strukturerad data från ostrukturerad input och ett gränssnitt som håller under en runda.

Detaljer
AI på serversidanScreenshot-importlocalStorageHål-för-hål-statistikCoachingrapport
Teknik
Next.js 16TypeScriptTailwind v4Anthropic SDKZodRender

Vill du se hur ditt projekt skulle brytas ner?

Skicka nuläge, mål och det som är oklart. Jag återkommer med ett konkret första steg och vad som bör byggas först.