Silo Öcal

Jeg blev ansat af Frederiksberg Kommune til at bygge den nye Een Indgang platform — en moderne, borgervendt service der strømliner adgang til kommunale tjenester og arrangementsansøgninger. Bygget med Nuxt 4 og TypeScript, leverer løsningen en robust full-stack arkitektur med et typesikkert tRPC API, datamodellering via Drizzle på PostgreSQL, og streng validering med Zod. Appen tilbyder sikker OIDC autentificering med MitID (via Nets eID Broker), state management gennem Pinia, og en visuel drag-and-drop planlægningsoplevelse til placering af scener, boder og faciliteter på lokationskort. Tilgængelighed, lokalisering og pålidelighed er førsteprioritet gennem WCAG 2.1 mønstre, i18n, end-to-end tests med Playwright, og CI/CD på GitHub Actions med Docker.

Nøglebidrag:

• Designet full-stack arkitekturen med Nuxt 4, server routes, og typesikkert tRPC
• Implementeret OIDC auth med MitID via Nets eID Broker
• Modelleret domænet med Drizzle på PostgreSQL og validering med Zod
• Bygget drag-and-drop kortplanlægnings UI til event artefakter (scener, boder, faciliteter)
• Etableret state og dataflows med Pinia og composables med VueUse
• Tilføjet i18n og implementeret tilgængelige UI mønstre for at opfylde WCAG 2.1
• Opsat testing med Playwright plus linting/formatering (ESLint/Prettier)
• Automatiseret CI/CD med GitHub Actions og containerisering via Docker
• Implementeret transaktionelle emails gennem Sendgrid
• Leveret dokumentation, admin workflows (statusændringer, redigeringer), og overdragelse til kommunens team

Jeg havde ansvaret for at opsætte, konfigurere og implementere det nye designsystem til porsche.dk. Opgaven bestod i at omsætte de leverede designfiler fra Figma til genbrugelige Vue 3-komponenter med fokus på genbrugelighed, performance og vedligeholdelse. I udviklingen indgik avancerede animationer, som blev implementeret ved hjælp af GSAP for at skabe en dynamisk og engagerende brugeroplevelse. Derudover bistod jeg de interne frontend-udviklere med sparring og optimering af deres eksisterende setup for at sikre en mere effektiv og moderne udviklingsproces.

Nøglebidrag:

• Opsat og implementeret nyt designsystem i Vue 3
• Konverteret leverede designs fra Figma til genbrugelige komponenter
• Implementeret animationer og interaktioner med GSAP
• Opsat og dokumenteret komponenter i Storybook
• Sparret og vejledt interne frontend-udviklere i best practices
• Understøttet backend-udviklere med integration af frontend

Jeg har arkitekteret en omfattende Vue 3 frontend scaffold hos UFST, der etablerer et robust udviklingsmiljø. Løsningen inkluderer modulær arkitektur, CI/CD med Jenkins, Docker containerisering, state management via Pinia, avanceret routing, autentificering med Keycloak, i18n, og automatiseret tilgængelighedstest for at opfylde WCAG 2.1.

Nøglebidrag:

• Designet baseline arkitektur og projektstruktur
• Integreret Jenkins CI/CD og Docker
• Implementeret Pinia state, Vue Router, og auth flows med Keycloak
• Opsat Cypress/Vitest testing og WCAG 2.1 checks
• Leveret en skalerbar, standardiseret frontend foundation

Som lead frontend udvikler i OSM2 projektet hos UFST har jeg haft ansvaret for alle frontend-beslutninger i hele projektet, hvilket indebærer at jeg bestemmer vejen og teknologierne på tværs af vores frontends. Jeg har implementeret en mikrofrontend-arkitektur i sagsbehandlingssystemet, integreret SKAT designsystemet baseret på Bootstrap, og bygget features med Vue 3 + TypeScript, Pinia, og Vue Router. Jeg har etableret en stærk testkultur med Cypress og Vitest, holdt dokumentationen opdateret, og sammen med en fuldtidsansat haft ansvaret for Frontend Community of Practice (FeCOP).

Nøglebidrag:

• Ejet frontend-arkitektur og teknologivalg på tværs af projekter
• Implementeret mikrofrontend-arkitektur til sagsbehandlingssystemet
• Leveret features i Vue 3 + TypeScript med Pinia og Vue Router
• Integreret SKAT designsystemet bygget på Bootstrap
• Etableret Cypress E2E tests og Vitest unit tests
• Vedligeholdt og forbedret frontend dokumentation; co-ledet FeCOP
• Arbejdet tæt sammen med PO/Scrum Master om opgaveafgrænsning og acceptkriterier
• Sikret sikkerheds- og kvalitetsstandarder; understøttet CI med Jenkins og GitHub

Har haft rollen som frontend udvikler og har i rollen været med til at udføre og færdiggøre Angivelse platformen. Som bruges af danske virksomheder til at moms indberette for deres salg til udlandet.

Nøglebidrag:

• Implementeret features i Vue 2 med TypeScript
• Brugt det aktuelt udviklede SKAT designsystem
• Sikret sikkerhed, linting, unit og E2E testing før deploy
• Integreret med backend services via REST/Axios

Jeg har bygget et tilpasset Vue 3 komponentbibliotek tilpasset SKAT designsystemet (Bootstrap), oprettet et konsistent UI framework og en dokumentationsside, hvor udviklere kan udforske og teste komponenter interaktivt.

Nøglebidrag:

• Designet og udviklet genbrugelige Vue 3 komponenter med TypeScript
• Integreret SKAT designsystemet (Bootstrap)
• Oprettet dokumentation og interaktive eksempler
• Etableret testing med Vitest og Cypress
• Understøttet CI med Jenkins og vedligeholdt dokumentation

Jeg har startet og implementeret 'Micro Frontend Architecture' i OSM2 projektet og migreret gamle Vue 2 komponenter til Vue 3, som kan bruges på tværs af hele OSM2 projektet.

Nøglebidrag:

• Vue 3 med TypeScript
• Brugt det aktuelt udviklede SKAT designsystem (Bootstrap)
• Oprettelse af tests med Cypress

UFST havde brug for en frontend udvikler. Jeg har primært arbejdet med Vue.js, som framework, hvor jeg har været med til at lave et indberetningssystem til banker og større virksomheder, der skal indberette renter, med høj sikkerhed der indebærer unit tests, linting samt selenium test for at sikre at det der kommer ud til kunden er testet grundigt.

Nøglebidrag:

• Vue.js med TypeScript
• Brugt det aktuelt udviklede SKAT designsystem
• Oprettelse af tests

Har haft rollen som frontend udvikler og har i rollen været med til at tilføje nye funktioner samt vedligeholde eksisterende komponenter i Sagsbehandling systemet. Systemet bliver brugt af interne sagsbehandler til at behandler sager vedrørende moms indberetninger.

Nøglebidrag:

• Vue.js med TypeScript
• Brugt det aktuelt udviklede SKAT designsystem
• Oprettelse af UNIT tests

Klassemappen er en database for forældre, som kan få et overblik over alle elever i deres børns klasser. De kan bruge det til at lave legeaftaler, legegrupper, samt en klassekasse, som alle forældre har adgang til og kan se et overblik over transaktioner. Bygget med Vue/Nuxt og Firebase som database.

Nøglebidrag:

• Fundet den bedste javascript framework
• Designet og prototypet app og hjemmeside i Figma
• Opsat udviklingsmiljø samt udviklings flow
• Implementeret Firebase som database

Tog Værkstedets personale havde brug for et system, der kunne håndtere den situation, hvor en lokofører ringer ind og rapporterer et problem, og igennem systemet kan de stille det rigtige spørgsmål, så de derefter kan indsamle problemfrie og korrekte data for at besvare deres spørgsmål og rapportere dem korrekt.

Nøglebidrag:

• Fundet en løsning på det problem, som værkstedet havde
• Prototype idéen i Figma
• Testet prototypen
• Design klient og admin-del
• Hjulpet implementeringen i Angular

DSB havde brug for et system til at indeholde dets design og kode, så det havde "single source of truth". DSB brugte alt for meget tid på at finde det rigtige design og kode fra forskellige databaser og kontaktpersoner. Opgaven var at finde en løsning, og løsningen på dette problem var at designe et nyt design system med IA (Information Architecture) som kunne bruges til at lette måden, hvorpå man kan kommunikere mellem teams, udviklere, designere, UX'er og forretningsfolk.

Nøglebidrag:

• Fundet en løsning på et nyt design system
• Implementeret design system i hele DSB-organisationen
• Informationsarkitektur til design systemet
• Oprettet indhold til design systemet
• Præsentation for alle i DSB-organisationen

Den Digitale Indberetning (DDI) er en mobilapplikation til togpersonalet, som bruger denne applikation til at rapportere alle slags hændelser, der sker på en togstation, fx at en pære er gået i stykker, eller der mangler en bænk osv.

Nøglebidrag:

• Omskrevet eksisterende projekt - Udvikling fra gammel codebase til Ionic og Angular
• Opsat og implementeret en ny "build workflow"

Assisteret DSB.dk-teamet med at opdatere React til den nyeste version.

Nøglebidrag:

• Fundet en løsning på en nem og vedligeholdelsesvenlig måde at opgradere til den nyeste version på
• Omskrevet en del af React koden for at understøtte den nyeste version

Ferieplan er en mobilapplikation, som er en feriekalender for al togpersonale.

Nøglebidrag:

• Omskrevet eksisterende projekt - Udvikling fra gammel kodebase til Ionic og Angular
• Opsat og implementeret en ny 'build workflow'

KVINFO er det danske center for studier og arbejde med spørgsmål vedrørende køn, lighed og mangfoldighed; det er også et centralt samlingspunkt for forskning, læring og information om den aktuelle diskussion af lighed og lige muligheder - nationalt og internationalt.

Nøglebidrag:

• Frontend-udvikler
• Vedligeholdte og redesignede dele af webstedet

DriftPortal er en mobilapplikation til togpersonalet, der styrer deres arbejdsdag. De kan se, hvilket tog de skal være i, hvilket tog er forsinket, og hvornår de skal møde på arbejde og afslutte deres arbejdsdag.

Nøglebidrag:

• Omskrevet eksisterende projekt - Udvikling fra gammel kodebase til Ionic og Angular
• Opsat og implementeret en ny "build workflow"

Webbud.dk havde brug for et websted, der var fleksibelt, SEO-venligt og meget hurtigt, som de kunne tilpasse, som de ønskede. Løsningen blev NUXT, som er en 'Static Site Generator' bygget med Vue. Webstedet bruger Vue og Vuex som "State management" og bruger REST API til at kommunikere med .NET-backenden og Contentful som en 'content management service'.

Nøglebidrag:

• Fundet en løsning på et hurtigt pålideligt og SEO-venligt websted
• Design og prototype website/dashboard, og gør det mobilvenligt
• Opsat miljø og byg et flow

Frontend Developer, Designer og UX'er på et billetsystem APP-projekt kaldet BILL. Det er en mobilapplikation til togkontrollører og togpersonalet, som kan bruge app'en til at validere kunde billetter med NFC-scanner eller/og med mobilkameraet, der bruger OCR-scanningsmetoden. De kan også med denne applikation foretage salg og oprette gebyrer. Bygget med Ionic og Angular med Cordova som compiler.

Nøglebidrag:

• Fundet en alternativ løsning til den gamle platform for togkontrollører
• Webudvikling ved hjælp af Ionic og Angular med Cordova
• Design af app'en i Sketch
• Oprettet deres 'StyleGuide'
• Opsat og implementeret en ny "workflow"

Vedligeholdt ældre kode og bygget nye omnichannel-funktioner til Fætter BR websitet, inklusiv SAP Hybris widgets og UX testing.

Nøglebidrag:

• Vedligeholdelse af ældre kode
• Oprettelse af nye omnichannel-funktioner
• Udviklet "widgets" til SAP hybris
• Brugertest af nyt websted

Som en udvidelse til et tidligere projekt var jeg "Lead Developer" i implementering af en ekspress Click & Collect-system variant. Det gjorde det muligt for kunderne at få et realtids oversigt over de enkelte butiks opbevaring og baseret på det, der blev sat i en Click & Collect-ordre til afhentninger samme dag.

Nøglebidrag:

• Implementeret og udviklet et "Click & Collect"-system baseret på Angular til butikkerne
• Brugertest af det nye værktøj
• Udviklet og implementeret en håndscanner, der fungerer med "Click & Collect"-systemet for at scanne pakker

Jeg var arkitekt til at skabe et konkurrencesystem i Angular med et outsourcing team, der bruges af Lego, Disney og andre store partnere sammen med Top-Toy A/S.

Nøglebidrag:

• Udvikling af systemet med Angular
• Design af projektet i Illustrator
• Teamleder og arkitekt på projektet med outsourcing

Vedligeholdt ældre kodebase og leveret omnichannel-funktioner på tværs af Toys'R'Us websitet, plus Hybris widget udvikling og brugertest.

Nøglebidrag:

• Vedligeholdelse af ældre kode
• Oprettelse af nye omnichannel-funktioner
• Udviklet "widgets" til SAP hybris
• Brugertest af nyt websted

Løberen har solgt løbeudstyr siden 1996 og har mange butikker rundt omkring i Danmark, og de er meget aktive i løbekonkurrencer. Komplet nyt design til Løberen.

Nøglebidrag:

• Lead Frontend Udvikler
• Implementeret design og kernefunktionaliteter

Bjerregaard sælger og distribuerer kvalitetsfodtøj til arbejde fra verdens førende producenter af sikkerhedstøj til professionelle brugere i Danmark og i Skandinavien.

Nøglebidrag:

• Frontend-udvikler
• Oprettet et avanceret filtersystem til butikken

IDA er en organisation og fagforening for ingeniører og videnskab kandidater. Komplet nyt design oprettet på Bootstrap.

Nøglebidrag:

• Lead Frontend Udvikler
• Implementerede og integrerede designet til Idas eget skræddersyede system

Redesign og konverteret eksisterende CMS til Drupal.

Nøglebidrag:

• Frontend-udvikler
• Implementeret design og interaktioner

Vitus Rejser er 100% danskejet, og de arrangerer ture for voksne over hele verden med en dedikeret rejseguide, som de har gjort i over 40 år. Komplet nyt design til Vitus Rejser, baseret på Drupal.

Nøglebidrag:

• Lead Frontend Udvikler
• Implementeret responsive frontend og UI

Pensionforalle er et pensionsselskab, der giver pension til danske statsborgere, de ejes af ATP.dk. Komplet ny opsætning og design oprettet baseret på Drupal.

Nøglebidrag:

• Lead Frontend Udvikler
• Implementeret kerne designet
• Oprettet workflow-arkitektur
• Automatisering til tilføjelse af indhold

ATPs primære opgave er at arbejde med økonomisk sikkerhed og bidrage til effektiv velfærd. De gør dette ved at give et højt og stabilt investeringsafkast til gavn for pensionister, der modtager ATP Lifelong Pension, og ved at administrere velfærdstjenester godt og effektivt. Komplet ny opsætning og design oprettet på Drupal.

Nøglebidrag:

• Lead Frontend Udvikler
• Implementeret kerne designet
• Oprettet workflow-arkitektur
• Oprettet automatisering til tilføjelse af indhold

Clio Online blev grundlagt på ideen om, at undervisnings- og lærings verdenen havde brug for et nyt it-baseret, innovativt, kreativt og overbevisende læringsmateriale, som lærerne kunne integrere i undervisningen, og som eleverne kunne nyde under undervisningen. Arbejdet med Clio Onlines nye interaktive og selvkorrektion testsystem, der består af tre individuelle produkter med fokus på eksamen, evaluering af viden og kompetencer og øvelser til uddannelse af sprogfærdigheder.

Nøglebidrag:

• Udvikling af frontend på tværs af TYPO3-baserede portaler
• Bygget interaktive, tilgængelige UI komponenter