Type Produktoptimering, React-udvikling (EAAA)
Varighed 2 uger
Dato Efterår 2026
Gruppe Individuel
Værktøjer VS Code, React, Supabase, GitHub
Metoder Teknisk audit, tilgængelighedstjek og verificering
Problem og kontekst
Mellemrum er en eksisterende React-baseret eventplatform, hvor brugere kan finde og tilmelde sig lokale arrangementer i Aarhus.
Løsningen havde udfordringer med kodekvalitet, fejlhåndtering, datamodel og performance, og tilmeldingsflowet var ikke færdigudviklet.
Min opgave var individuelt at undersøge og prioritere de vigtigste problemer samt videreudvikle løsningen med målet om at skabe en mere robust, tilgængelig og vedligeholdelsesvenlig platform med et fungerende tilmeldingsflow.
Research og prioritering
Konkrete forbedringer
Et mere sammenhængende tilmeldingsflow
Jeg koblede tilmeldingsformularen til Supabase, så tilmeldinger gemmes i databasen og knyttes til det relevante event.
Jeg tilføjede også feedback ved ugyldig e-mail, gentagne tilmeldinger og udsolgte events, så brugeren tydeligt kan se, hvorfor en tilmelding accepteres eller afvises.
Jeg omstrukturerede desuden arrangørens tilmeldingsside, så tilmeldinger grupperes under de enkelte events frem for at vises i én samlet tabel.
Det giver arrangøren et bedre overblik og gør tilmeldingerne lettere at administrere.
En mere sammenhængende datamodel
Jeg omstrukturerede projektets mappestruktur for at skabe en mere logisk opdeling af filer og funktionalitet.
Løsningen blev opdelt i genanvendelige React-komponenter til blandt andet navigation, eventkort og håndtering af loading, fejl og tomme resultater.
Stylingen blev organiseret i CSS Modules, mens fælles designværdier blev samlet i globale variabler.
Jeg oprettede en separat tabel til venues i Supabase, så venueoplysninger håndteres separat og forbindes til de relevante events gennem relationer.
Jeg flyttede også Supabase-kaldene til separate services for events og tilmeldinger.
Det skaber en tydeligere opdeling mellem datahåndtering, komponenter og styling og gør løsningen lettere at vedligeholde og videreudvikle.
Tydeligere feedback og status
Jeg tilføjede visuel status på eventkortene, så brugeren kan se, hvor mange pladser der er tilbage, og om et event nærmer sig udsolgt. På eventets detaljeside fremhæves status også, så informationen er synlig, inden brugeren forsøger at tilmelde sig.
Jeg arbejdede også med tydeligere feedback ved indlæsning, manglende data og fejl. Det omfatter blandt andet en besked, mens events indlæses, samt en tydelig fejlvisning, hvis et event ikke findes, eller data ikke kan hentes.
Formålet var at gøre systemets tilstand mere forståelig og hjælpe brugeren med at finde ud af, hvad der sker, og hvordan vedkommende kan fortsætte.
Resultat
Næste skridt
Løsningen kan skabe værdi for både brugere og arrangører gennem tydeligere information om ledige pladser, feedback ved tilmelding og bedre overblik over tilmeldinger.
Den strukturerede kodebase og datamodel gør samtidig platformen lettere at vedligeholde og videreudvikle.
Næste skridt vil være at teste de centrale brugerflows for at undersøge, om tilmeldingsprocessen er overskuelig for brugerne og let at administrere for arrangørerne.
Refleksion
Arbejdet med Mellemrum har givet mig erfaring med at videreudvikle en eksisterende React-løsning og skabe bedre sammenhæng mellem frontend, datamodel og Supabase.
Jeg har fået en større forståelse for, hvordan en struktureret kodebase og datamodel gør en løsning lettere at vedligeholde.
Samtidig har arbejdet med tilmeldingsflow og brugerfeedback vist mig betydningen af at håndtere fejl og forskellige systemtilstande, så løsningen fungerer for både brugere og arrangører.
