Nettsiden til en frivillig organisasjon i Vestland, der mennesker med ulik bakgrunn møtes, deltar og lærer. Jeg designet den, bygget den og drifter den fortsatt.
To sider av samme nettside: det besøkende ser, og adminområdet de frivillige bruker for å holde den i live uten å trenge en utvikler til hver endring.
Innholdet ligger i Supabase (Postgres) med radnivåsikkerhet, så teamet redigerer gjennom adminområdet, og databasen selv bestemmer hvem som kan lese og endre hva. Skjemaet har vokst gjennom rundt 27 SQL-migrasjoner etter hvert som nye behov kom.
Skjemavarsler og påminnelser om aktiviteter går gjennom Resend. Påminnelsesjobben kjører etter en tidsplan, bruker norsk tid for datoene og er idempotent, så et nytt forsøk sender aldri samme påminnelse to ganger.
Mangfoldsposten publiseres som PDF. I stedet for bare en nedlastingslenke viser nettsiden den side for side med pdf.js, og leserne kan bla, zoome, bruke fullskjerm og åpne tidligere utgaver.
Skjemaer valideres med Zod på serveren, og lenkefelt som eksterne lenker og Vipps-lenken godtar bare ekte http(s)-adresser før noe lagres.
I september gikk jeg gjennom hele nettsiden som om jeg reviderte noen andres arbeid. Dette er funnene som betydde mest.
En full gjennomgang i september viste at navigasjonen ikke hadde noen meny på mobil i det hele tatt. Jeg la til en, økte brytpunktet og byttet til et enklere, innebygd details/summary-mønster.
Den samme gjennomgangen viste at rollesjekkene slapp folk inn når en rolle ikke kunne leses. Jeg endret dem til å stenge som standard, rettet de tilhørende databasereglene og la til HTTP-sikkerhetsheadere, med regresjonstester så feilen ikke kommer tilbake.
Automatiske axe-tester fant problemer med fargekontrast, rekkefølgen på overskrifter og et manglende landemerke. Jeg rettet alle tre, la til synlige fokusrammer, støtte for redusert bevegelse og pauseknapper for karusellen, og sørget for at skjermlesere får sluttverdien fra de animerte tellerne.
På mobiler med tvunget mørk modus gjorde nettleseren toppmenyen mørk, og logoen forsvant. Toppmenyen har nå en fast lys bakgrunn, så logoen alltid er synlig.
Enhets- og regresjonstester kjører med Vitest, ekte nettlesertester med Playwright og tilgjengelighetstester med axe. Avhengighetene holdes oppdatert, og produksjon har ingen åpne funn fra npm audit.
Jeg lager nettsider for frivillige organisasjoner, foreninger og små bedrifter, og jeg er med videre etter lansering. Fortell meg hva du trenger, så svarer jeg ærlig om hva som skal til.