[{"data":1,"prerenderedAt":570},["ShallowReactive",2],{"hud-projects-da":3},[4,80,100,114,126,139,152,165,178,191,208,220,234,244,266,286,299,308,319,333,343,358,371,385,402,416,426,435,444,460,474,495,526],{"path":5,"stem":6,"title":7,"description":8,"meta":9},"\u002Fda\u002Fprojects\u002F2006-03-web2people","da\u002Fprojects\u002F2006-03-web2people","Web2people: eget webbureau","Mit eget webbureau fra 2006 til 2009. Et team på tre, der byggede hjemmesider, webshops, hosting og integrationer for 34 danske virksomheder i PHP og MySQL på Joomla, WordPress, Drupal og Magento.",{"shortTitle":7,"client":10,"dateFrom":11,"dateTo":12,"type":13,"role":14,"team":15,"cvr":16,"highlight":17,"skills":18,"images":44,"variant":45,"highlightNote":46,"services":47,"stackGroups":65},"Web2people","2006-03-01","2009-02-01","Egen virksomhed","Stifter & Webudvikler",3,"29298866","HR Frugt blev en Gazelle-virksomhed efter lanceringen af deres nye webshop.",[19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43],"PHP","MySQL","Joomla","WordPress","Drupal","Magento","HTML","CSS","JavaScript","jQuery","AJAX","XML","SOAP","Apache","Linux","Photoshop","Flash","SEO","Google Analytics","E-commerce","Hosting","Social media marketing","Mobile apps","ERP \u002F CRM integration","Leadership",[],"company","Webshoppen blev bygget af Web2people. Gazeller er Danmarks hurtigst voksende virksomheder.",[48,51,54,56,59,62],{"title":49,"text":50},"Hjemmesider","Bygget på Joomla, WordPress og Drupal.",{"title":52,"text":53},"Webshops","E-handel på Magento.",{"title":39,"text":55},"Vores egen hostingservice til kunderne.",{"title":57,"text":58},"Social markedsføring","Markedsføring på sociale medier for kunderne.",{"title":60,"text":61},"Mobilapps","Apps sideløbende med webprojekterne.",{"title":63,"text":64},"Integrationer","Forbindelser til ERP- og CRM-systemer.",[66,69,72,76],{"label":67,"skills":68},"Platforme",[21,22,23,24],{"label":70,"skills":71},"Kode",[19,20,25,26,27,28,29,30,31],{"label":73,"skills":74},"Hosting & drift",[32,33,75],"Egen hosting",{"label":77,"skills":78},"Design & marketing",[34,35,36,37,79],"Sociale medier",{"path":81,"stem":82,"title":83,"description":84,"meta":85},"\u002Fda\u002Fprojects\u002F2009-03-clio-portals","da\u002Fprojects\u002F2009-03-clio-portals","Clio Online: Test System og Portaler","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.",{"shortTitle":86,"client":87,"dateFrom":88,"dateTo":89,"type":90,"skills":91,"role":97,"link":98,"images":99},"Test System og Portaler","Clio Online","2009-03-01","2014-06-01","Fuldtid",[25,26,92,28,93,94,95,27,96],"SCSS","Typo3","Bootstrap","UI","Jira","Frontend Udvikler","https:\u002F\u002Fwww.clio.me\u002F",[],{"path":101,"stem":102,"title":103,"description":104,"meta":105},"\u002Fda\u002Fprojects\u002F2014-06-adapt-atp","da\u002Fprojects\u002F2014-06-adapt-atp","Adapt: ATP.dk","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.",{"shortTitle":106,"client":107,"dateFrom":89,"dateTo":108,"type":109,"skills":110,"role":111,"link":112,"images":113},"ATP.dk","Adapt \u002F ATP","2014-08-01","Freelance",[25,26,92,28,23,95,27,96],"Lead Frontend Udvikler","https:\u002F\u002Fwww.atp.dk\u002F",[],{"path":115,"stem":116,"title":117,"description":118,"meta":119},"\u002Fda\u002Fprojects\u002F2014-09-adapt-pensionforalle","da\u002Fprojects\u002F2014-09-adapt-pensionforalle","Adapt: Pensionforalle.dk","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.",{"shortTitle":120,"client":121,"dateFrom":122,"dateTo":123,"type":109,"skills":124,"role":111,"link":112,"images":125},"Pensionforalle.dk","Adapt \u002F Pension for alle (ATP)","2014-09-01","2014-10-01",[25,26,92,28,23,95,27,96],[],{"path":127,"stem":128,"title":129,"description":130,"meta":131},"\u002Fda\u002Fprojects\u002F2014-11-adapt-vitus-rejser","da\u002Fprojects\u002F2014-11-adapt-vitus-rejser","Adapt: Vitus-rejser.dk","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.",{"shortTitle":132,"client":133,"dateFrom":134,"dateTo":135,"type":109,"skills":136,"role":111,"link":137,"images":138},"Vitus-rejser.dk","Adapt \u002F Vitus Rejser","2014-11-01","2014-12-01",[25,26,92,28,23,95,27,96],"https:\u002F\u002Fvitus-rejser.dk\u002F",[],{"path":140,"stem":141,"title":142,"description":143,"meta":144},"\u002Fda\u002Fprojects\u002F2015-01-adapt-sportmaster","da\u002Fprojects\u002F2015-01-adapt-sportmaster","Adapt: Sportmaster.dk","Redesign og konverteret eksisterende CMS til Drupal.",{"shortTitle":145,"client":146,"dateFrom":147,"dateTo":148,"type":109,"skills":149,"role":111,"link":150,"images":151},"Sportmaster.dk","Adapt \u002F Sportmaster.dk","2015-01-01","2015-02-01",[25,26,92,28,23,95,27,96],"https:\u002F\u002Fsportmaster.dk\u002F",[],{"path":153,"stem":154,"title":155,"description":156,"meta":157},"\u002Fda\u002Fprojects\u002F2015-03-adapt-ida","da\u002Fprojects\u002F2015-03-adapt-ida","Adapt: IDA (universe.ida.dk)","IDA er en organisation og fagforening for ingeniører og videnskab kandidater. Komplet nyt design oprettet på Bootstrap.",{"shortTitle":158,"client":159,"dateFrom":160,"dateTo":161,"type":109,"skills":162,"role":111,"link":163,"images":164},"universe.ida.dk","Adapt \u002F IDA","2015-03-01","2015-04-01",[25,26,92,28,94,95,27,96],"https:\u002F\u002Fwww.ida.dk\u002F",[],{"path":166,"stem":167,"title":168,"description":169,"meta":170},"\u002Fda\u002Fprojects\u002F2015-05-adapt-bjerregaard","da\u002Fprojects\u002F2015-05-adapt-bjerregaard","Adapt: Bjerregaard.dk","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.",{"shortTitle":171,"client":172,"dateFrom":173,"dateTo":174,"type":109,"skills":175,"role":111,"link":176,"images":177},"Bjerregaard.dk","Adapt \u002F Bjerregaard.dk","2015-05-01","2015-06-01",[25,26,92,28,23,95,27,96],"https:\u002F\u002Fwww.bjerregaard.dk\u002F",[],{"path":179,"stem":180,"title":181,"description":182,"meta":183},"\u002Fda\u002Fprojects\u002F2015-07-adapt-loberen","da\u002Fprojects\u002F2015-07-adapt-loberen","Adapt: Løberen.dk","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.",{"shortTitle":184,"client":185,"dateFrom":186,"dateTo":187,"type":109,"skills":188,"role":111,"link":189,"images":190},"Løberen.dk","Adapt \u002F Løberen.dk","2015-07-01","2015-08-01",[25,26,92,28,23,95,27,96],"https:\u002F\u002Floberen.dk\u002F",[],{"path":192,"stem":193,"title":194,"description":195,"meta":196},"\u002Fda\u002Fprojects\u002F2015-09-top-toy-br","da\u002Fprojects\u002F2015-09-top-toy-br","Top-Toy: Fætter BR Website","Vedligeholdt ældre kode og bygget nye omnichannel-funktioner til Fætter BR websitet, inklusiv SAP Hybris widgets og UX testing.",{"shortTitle":197,"client":198,"dateFrom":199,"dateTo":200,"type":109,"skills":201,"role":97,"link":206,"images":207},"Fætter BR Website","Top Toy A\u002FS","2015-09-01","2017-01-01",[25,26,202,203,28,204,205,95,27,96],"LESS","RequireJS","REST API","GUI","https:\u002F\u002Fwww.br.dk\u002F",[],{"path":209,"stem":210,"title":211,"description":212,"meta":213},"\u002Fda\u002Fprojects\u002F2015-09-top-toy-click-and-collect","da\u002Fprojects\u002F2015-09-top-toy-click-and-collect","Top-Toy: Click & Collect Express","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.",{"shortTitle":214,"client":198,"dateFrom":199,"dateTo":200,"type":109,"skills":215,"role":97,"link":218,"images":219},"Click & Collect Express",[216,25,26,92,204,205,95,27,96,217],"AngularJS","UX Testing","https:\u002F\u002Ffætterbr.dk\u002F",[],{"path":221,"stem":222,"title":223,"description":224,"meta":225},"\u002Fda\u002Fprojects\u002F2015-09-top-toy-competition-system","da\u002Fprojects\u002F2015-09-top-toy-competition-system","Top-Toy: Konkurrence System","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\u002FS.",{"shortTitle":226,"client":198,"dateFrom":199,"dateTo":200,"type":109,"skills":227,"role":97,"link":232,"images":233},"Konkurrence System",[216,25,26,92,228,229,230,231,27,96],"MongoDB","Illustrator","UX","Wireframing","https:\u002F\u002Fwww.top-toy.dk\u002F",[],{"path":235,"stem":236,"title":237,"description":238,"meta":239},"\u002Fda\u002Fprojects\u002F2015-09-top-toy-toysrus","da\u002Fprojects\u002F2015-09-top-toy-toysrus","Top-Toy: Toys'R'Us Website","Vedligeholdt ældre kodebase og leveret omnichannel-funktioner på tværs af Toys'R'Us websitet, plus Hybris widget udvikling og brugertest.",{"shortTitle":240,"client":198,"dateFrom":199,"dateTo":200,"type":109,"skills":241,"role":97,"link":242,"images":243},"Toys’R’Us Website",[25,26,202,203,28,204,205,95,27,96],"https:\u002F\u002Fwww.toysrus.com\u002F",[],{"path":245,"stem":246,"title":247,"description":248,"meta":249},"\u002Fda\u002Fprojects\u002F2017-05-dsb-bill","da\u002Fprojects\u002F2017-05-dsb-bill","DSB: BILL Billetsystem App","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\u002Fog 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.",{"shortTitle":250,"client":251,"dateFrom":252,"dateTo":253,"type":109,"skills":254,"role":263,"link":264,"images":265},"BILL Billetsystem App","DSB","2017-05-01","2018-12-01",[255,256,257,27,25,26,92,230,95,231,258,259,96,260,261,262],"Angular","Ionic","TypeScript","Sketch","Adobe XD","Confluence","Bitbucket","CD","Lead Frontend Udvikler og UI\u002FUX Designer","https:\u002F\u002Fdsb.dk\u002F",[],{"path":267,"stem":268,"title":269,"description":270,"meta":271},"\u002Fda\u002Fprojects\u002F2018-04-webbud","da\u002Fprojects\u002F2018-04-webbud","Webbud.dk: Marketing Websted","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'.",{"shortTitle":272,"client":273,"dateFrom":274,"dateTo":275,"type":109,"skills":276,"role":283,"link":284,"images":285},"Marketing Websted","Webbud.dk","2018-04-01","2020-07-01",[277,278,27,25,26,204,279,280,36,281,282,231],"Vue","Vuex","Axios","Nuxt","Figma","Design","Lead Frontend Udvikler, UI\u002FUX Designer","https:\u002F\u002Fwebbud.dk\u002F",[],{"path":287,"stem":288,"title":289,"description":290,"meta":291},"\u002Fda\u002Fprojects\u002F2019-01-adapt-kvinfo","da\u002Fprojects\u002F2019-01-adapt-kvinfo","Adapt: KVINFO","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.",{"shortTitle":292,"client":293,"dateFrom":294,"dateTo":295,"type":109,"skills":296,"role":111,"link":297,"images":298},"KVINFO","Adapt \u002F KVINFO","2019-01-01","2019-03-01",[25,26,92,28,23,95,27,96],"https:\u002F\u002Fkvinfo.dk\u002F",[],{"path":300,"stem":301,"title":302,"description":303,"meta":304},"\u002Fda\u002Fprojects\u002F2019-01-dsb-driftportal","da\u002Fprojects\u002F2019-01-dsb-driftportal","DSB: DriftPortal App","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.",{"shortTitle":305,"client":251,"dateFrom":294,"dateTo":295,"type":109,"skills":306,"role":111,"link":264,"images":307},"DriftPortal App",[255,256,257,27,25,26,92,230,95,231,258,259,96,260,261,262],[],{"path":309,"stem":310,"title":311,"description":312,"meta":313},"\u002Fda\u002Fprojects\u002F2019-04-dsb-ferieplan","da\u002Fprojects\u002F2019-04-dsb-ferieplan","DSB: Ferieplan App","Ferieplan er en mobilapplikation, som er en feriekalender for al togpersonale.",{"shortTitle":314,"client":251,"dateFrom":315,"dateTo":316,"type":109,"skills":317,"role":111,"link":264,"images":318},"Ferieplan App","2019-04-01","2019-05-01",[255,256,257,27,25,26,92,230,95,231,258,259,96,260,261,262],[],{"path":320,"stem":321,"title":322,"description":323,"meta":324},"\u002Fda\u002Fprojects\u002F2019-05-dsb-react-upgrade","da\u002Fprojects\u002F2019-05-dsb-react-upgrade","DSB: React Opgradering","Assisteret DSB.dk-teamet med at opdatere React til den nyeste version.",{"shortTitle":325,"client":251,"dateFrom":316,"dateTo":326,"type":109,"skills":327,"role":97,"link":264,"images":332},"React Opgradering","2019-06-01",[328,329,27,330,331,262,96],"React","Redux","Scrum","SAFe",[],{"path":334,"stem":335,"title":336,"description":337,"meta":338},"\u002Fda\u002Fprojects\u002F2019-06-dsb-ddi","da\u002Fprojects\u002F2019-06-dsb-ddi","DSB: DDI (Den Digitale Indberetning)","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.",{"shortTitle":339,"client":251,"dateFrom":326,"dateTo":340,"type":109,"skills":341,"role":111,"link":264,"images":342},"DDI (Den Digitale Indberetning)","2019-08-01",[255,256,257,27,25,26,92,230,95,231,258,259,96,260,261,262],[],{"path":344,"stem":345,"title":346,"description":347,"meta":348},"\u002Fda\u002Fprojects\u002F2019-09-dsb-design-system","da\u002Fprojects\u002F2019-09-dsb-design-system","DSB: Design System","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.",{"shortTitle":349,"client":251,"dateFrom":350,"dateTo":351,"type":109,"skills":352,"role":356,"link":264,"images":357},"Design System","2019-09-01","2020-02-01",[281,353,354,230,355,95,27,25,26,330,331,262,96],"ZeroHeight","Storybook","IA","Lead User Experience Designer (UX)",[],{"path":359,"stem":360,"title":361,"description":362,"meta":363},"\u002Fda\u002Fprojects\u002F2020-03-dsb-triage-tool","da\u002Fprojects\u002F2020-03-dsb-triage-tool","DSB: Triage Værktøj","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.",{"shortTitle":364,"client":251,"dateFrom":365,"dateTo":366,"type":109,"skills":367,"role":356,"link":264,"images":370},"Triage Værktøj","2020-03-01","2020-04-01",[281,255,230,368,95,369,27,25,26,330,331,262,96],"UX Research","UI Design",[],{"path":372,"stem":373,"title":374,"description":375,"meta":376},"\u002Fda\u002Fprojects\u002F2020-07-klassemappen","da\u002Fprojects\u002F2020-07-klassemappen","Klassemappen: Forældre\u002FKlasse Administrations App","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\u002FNuxt og Firebase som database.",{"shortTitle":377,"client":378,"dateFrom":275,"dateTo":379,"type":109,"skills":380,"role":283,"link":383,"images":384},"Forældre \u002F Klasse Administrations App","klassemappen.dk","2020-10-01",[277,278,381,27,25,26,204,279,280,36,281,282,231,382],"Vue Router","Firebase","https:\u002F\u002Fklassemappen.dk\u002F",[],{"path":386,"stem":387,"title":388,"description":389,"meta":390},"\u002Fda\u002Fprojects\u002F2020-11-ufst-angivelse","da\u002Fprojects\u002F2020-11-ufst-angivelse","UFST: Angivelse Platform","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.",{"shortTitle":391,"client":392,"dateFrom":393,"dateTo":394,"type":109,"skills":395,"role":97,"link":400,"images":401},"Angivelse Platform","UFST","2020-11-01","2022-02-01",[396,257,278,381,204,279,94,397,398,96,260,399],"Vue 2","Cypress","Jenkins","GitHub","https:\u002F\u002Fufst.dk\u002F",[],{"path":403,"stem":404,"title":405,"description":406,"meta":407},"\u002Fda\u002Fprojects\u002F2020-11-ufst-component-library","da\u002Fprojects\u002F2020-11-ufst-component-library","UFST: Vue 3 Komponent Bibliotek","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.",{"shortTitle":408,"client":392,"dateFrom":393,"dateTo":409,"type":109,"skills":410,"role":97,"link":400,"images":415},"Vue 3 Komponent Bibliotek","2024-11-01",[411,257,412,94,397,413,398,96,260,399,414],"Vue 3","Vite","Vitest","Documentation",[],{"path":417,"stem":418,"title":419,"description":420,"meta":421},"\u002Fda\u002Fprojects\u002F2020-11-ufst-micro-frontend","da\u002Fprojects\u002F2020-11-ufst-micro-frontend","UFST: Mikrofrontend Platform (OSM2)","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.",{"shortTitle":422,"client":392,"dateFrom":393,"dateTo":394,"type":109,"skills":423,"role":97,"link":400,"images":425},"Mikrofrontend Platform (OSM2)",[424,411,257,396,278,381,204,279,94,397,398,96,260,399],"Micro Frontends",[],{"path":427,"stem":428,"title":429,"description":430,"meta":431},"\u002Fda\u002Fprojects\u002F2020-11-ufst-registrering","da\u002Fprojects\u002F2020-11-ufst-registrering","UFST: Registrering (eKapital)","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.",{"shortTitle":432,"client":392,"dateFrom":393,"dateTo":394,"type":109,"skills":433,"role":97,"link":400,"images":434},"Registrering (eKapital)",[396,257,278,381,204,279,94,397,398,96,260,399],[],{"path":436,"stem":437,"title":438,"description":439,"meta":440},"\u002Fda\u002Fprojects\u002F2020-11-ufst-sagsbehandling","da\u002Fprojects\u002F2020-11-ufst-sagsbehandling","UFST: Sagsbehandling Platform","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.",{"shortTitle":441,"client":392,"dateFrom":393,"dateTo":394,"type":109,"skills":442,"role":97,"link":400,"images":443},"Sagsbehandling Platform",[396,257,278,381,204,279,94,397,398,96,260,399],[],{"path":445,"stem":446,"title":447,"description":448,"meta":449},"\u002Fda\u002Fprojects\u002F2022-05-ufst-osm2","da\u002Fprojects\u002F2022-05-ufst-osm2","OSM2: Lead Frontend & Mikrofrontend Arkitektur","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).",{"shortTitle":447,"client":392,"dateFrom":450,"dateTo":409,"type":109,"skills":451,"role":111,"link":400,"images":454,"featured":455,"featuredOrder":456,"featuredSkills":457,"teaser":458,"teaserShort":459},"2022-05-01",[411,257,452,381,397,413,94,204,279,398,96,260,399,424,453,414],"Pinia","Mentoring",[],true,4,[411,257,424,397],"Ejede arkitekturen og den tekniske retning på tværs af flere frontends: \u003Cspan class=\"color-sun\">mikrofrontends\u003C\u002Fspan>, SKAT’s designsystem, \u003Cspan class=\"color-zest\">Vue 3\u003C\u002Fspan> + Pinia og en testkultur bygget på \u003Cspan class=\"color-turquoise\">Cypress\u003C\u002Fspan> og Vitest.","Mikrofrontend-arkitektur, SKAT’s designsystem og en testkultur med Cypress + Vitest.",{"path":461,"stem":462,"title":463,"description":464,"meta":465},"\u002Fda\u002Fprojects\u002F2024-10-ufst-scaffold-frontend","da\u002Fprojects\u002F2024-10-ufst-scaffold-frontend","UFST: Vue 3 Frontend Scaffold","Jeg har arkitekteret en omfattende Vue 3 frontend scaffold hos UFST, der etablerer et robust udviklingsmiljø. Løsningen inkluderer modulær arkitektur, CI\u002FCD med Jenkins, Docker containerisering, state management via Pinia, avanceret routing, autentificering med Keycloak, i18n, og automatiseret tilgængelighedstest for at opfylde WCAG 2.1.",{"shortTitle":466,"client":392,"dateFrom":467,"dateTo":409,"type":109,"skills":468,"role":97,"link":400,"images":473},"Vue 3 Frontend Scaffold","2024-10-01",[411,412,257,452,381,469,470,397,413,398,471,94,472,96,260,399],"Keycloak","i18n","Docker","WCAG 2.1",[],{"path":475,"stem":476,"title":477,"description":478,"meta":479},"\u002Fda\u002Fprojects\u002F2025-05-semler-porsche","da\u002Fprojects\u002F2025-05-semler-porsche","Porsche.dk: Designsystem Implementering","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.",{"shortTitle":477,"client":480,"dateFrom":481,"dateTo":482,"type":109,"skills":483,"role":97,"link":486,"images":487,"featured":455,"featuredOrder":15,"featuredSkills":491,"featuredTitle":492,"teaser":493,"teaserShort":494},"Semler Gruppen A\u002FS","2025-05-01","2025-09-01",[411,484,354,281,453,27,25,26,485],"GSAP","Azure","https:\u002F\u002Fwww.porsche.dk\u002F",[488,489,490],"images\u002Fprojects\u002Fsemler\u002Fporsche-designsystem-1.avif","images\u002Fprojects\u002Fsemler\u002Fporsche-designsystem-2.avif","images\u002Fprojects\u002Fsemler\u002Fporsche-designsystem-3.avif",[411,484,354,281],"Porsche.dk Designsystem","Satte det nye designsystem op for porsche.dk og omsatte Figma-designs til genbrugelige \u003Cspan class=\"color-zest\">Vue 3\u003C\u002Fspan>-komponenter med \u003Cspan class=\"color-zest\">GSAP\u003C\u002Fspan>-animationer, mens jeg mentorerede det interne frontendteam.","Fra Figma til genbrugelige Vue 3-komponenter med GSAP-animationer, plus mentoring af det interne team.",{"path":496,"stem":497,"title":498,"description":499,"meta":500},"\u002Fda\u002Fprojects\u002F2025-10-frederiksberg-kommune-een-indgang","da\u002Fprojects\u002F2025-10-frederiksberg-kommune-een-indgang","Frederiksberg Kommune: Een Indgang","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\u002FCD på GitHub Actions med Docker.",{"shortTitle":501,"client":502,"dateFrom":503,"dateTo":504,"type":109,"skills":505,"role":513,"link":514,"images":515,"featured":455,"featuredOrder":522,"featuredSkills":523,"teaser":524,"teaserShort":525},"Een Indgang","Frederiksberg Kommune","2025-10-01","2025-12-01",[506,257,281,507,508,452,509,510,472,511,471,512,470],"Nuxt 4","Drizzle","Zod","trpc","Playwright","GitHub Actions","oidc","Full Stack Udvikler","https:\u002F\u002Fwww.frederiksberg.dk\u002F",[516,517,518,519,520,521],"images\u002Fprojects\u002Ffrederiksberg-kommune\u002Ffk-een-indgang-1.avif","images\u002Fprojects\u002Ffrederiksberg-kommune\u002Ffk-een-indgang-2.avif","images\u002Fprojects\u002Ffrederiksberg-kommune\u002Ffk-een-indgang-3.avif","images\u002Fprojects\u002Ffrederiksberg-kommune\u002Ffk-een-indgang-4.avif","images\u002Fprojects\u002Ffrederiksberg-kommune\u002Ffk-een-indgang-5.avif","images\u002Fprojects\u002Ffrederiksberg-kommune\u002Ffk-een-indgang-6.avif",2,[506,257,507,472],"En borgervendt platform for kommunale tjenester og arrangementstilladelser, bygget full stack med \u003Cspan class=\"color-zest\">Nuxt 4\u003C\u002Fspan>, tRPC, Drizzle på PostgreSQL, Zod og \u003Cspan class=\"color-lavender\">MitID OIDC\u003C\u002Fspan>.","Borgervendte kommunale tjenester og arrangementstilladelser, bygget full stack med Nuxt 4, tRPC og Drizzle.",{"path":527,"stem":528,"title":529,"description":530,"meta":531},"\u002Fda\u002Fprojects\u002F2026-01-erhvervshus-midtjylland-virksomhedsguiden","da\u002Fprojects\u002F2026-01-erhvervshus-midtjylland-virksomhedsguiden","Erhvervshus Midtjylland: Virksomhedsguiden Rådgiverplatform","Jeg blev hyret af Erhvervshus Midtjylland til at bygge en B2B rådgiver-markedsplads, en platform der forbinder danske SMV'er med professionelle konsulenter inden for centrale forretningsområder. Løsningen er bygget med Vue 3 og TypeScript som en embedded SPA integreret i Virksomhedsguiden portalen med sikker MitID OIDC-autentificering (privat og erhverv flows), rollebaseret adgangskontrol, og et 3-niveau kompetence-taksonomisystem der spænder over 9 forretningsdomæner. Platformen gør det muligt for rådgivere at administrere CV'er med godkendelsesworkflows, virksomheder kan oprette opgaver, og faciliterer hele tilbuds-livscyklussen.",{"shortTitle":532,"client":533,"dateFrom":534,"dateTo":535,"type":109,"skills":536,"role":97,"link":538,"images":539,"featured":455,"featuredOrder":543,"featuredSkills":544,"teaser":545,"teaserShort":546,"lede":547,"imageCaptions":548,"imageAlts":552,"readouts":556,"similar":569},"Virksomheds­guiden Rådgiverplatform","Erhvervshus Midtjylland","2026-01-01","2026-04-01",[411,257,452,92,279,537,412,512,470],"OpenAPI","https:\u002F\u002Fvirksomhedsguiden.dk\u002F",[540,541,542],"images\u002Fprojects\u002Ferhvervshus-midtjylland\u002Ffind-raadgiver.avif","images\u002Fprojects\u002Ferhvervshus-midtjylland\u002Fmodal.avif","images\u002Fprojects\u002Ferhvervshus-midtjylland\u002Fvirksomhedsbeskrivelse.avif",1,[411,257,452,537,512],"En B2B-rådgivermarkedsplads, der forbinder danske SMV’er med konsulenter. En indlejret \u003Cspan class=\"color-zest\">Vue 3\u003C\u002Fspan> SPA med \u003Cspan class=\"color-lavender\">MitID OIDC\u003C\u002Fspan>-login, fire brugerroller og en kompetencetaksonomi i 3 niveauer på tværs af 9 forretningsområder.","B2B-rådgivermarkedsplads: en indlejret Vue 3 SPA med MitID OIDC og fire brugerroller.","En B2B-markedsplads, der forbinder danske SMV’er med professionelle konsulenter, bygget til \u003Cspan class=\"color-light-blue\">Erhvervshus Midtjylland\u003C\u002Fspan> og indlejret i Virksomhedsguiden-portalen.",[549,550,551],"Find rådgiver · rådgiversøgning","Invitér rådgivere · invitationsflow","Rådgiverens CV-profil",[553,554,555],"Rådgiversøgning med filtertags og rådgiverkort","Dialog til at invitere rådgivere til en opgave","Rådgiverens CV-side med kompetencer og erfaring",[557,560,563,566],{"value":558,"label":559},"4","brugerroller",{"value":561,"label":562},"2","MitID-loginflows",{"value":564,"label":565},"9","forretningsområder",{"value":567,"label":568},"3","taksonominiveauer","Markedspladser, MitID-login og rolletunge offentlige platforme er hjemmebane.",1794090305192]