# Frontendutveckling

> Utvalt arbete som visar den här tjänsten.

- [Styrde full stack‑utvecklingen av GIS‑kartor med ansvar för PostgreSQL, Mapbox, ReactJS och NodeJS för att leverera en integrerad lösning.](https://software.engineer.company/sv/portfolio/directed-full-stack-gis-map-development-overseeing-postgresql-25/)
- [Presenterade 200 UI/UX‑förbättringar för GIS‑kartapplikationen och ökade intäkterna 10 gånger genom förbättrade programfunktioner.](https://software.engineer.company/sv/portfolio/presented-200-ui-ux-improvements-for-the-gis-28/)
- [Bidrog till designprocesserna för användargränssnitt och säkerställde intuitiva, visuellt tilltalande och användarvänliga gränssnitt i projekten.](https://software.engineer.company/sv/portfolio/contributed-to-user-interface-design-processes-ensuring-intuitive-36/)
- [Utvecklade 100 webbapplikationer med HTML/HTML5, CSS/SCSS och ramverken Django, WordPress och Joomla och säkerställde en mångsidig närvaro på nätet.](https://software.engineer.company/sv/portfolio/developed-100-web-applications-using-html-html5-css-51/)
- [Utformade 30 webbplatser och levererade unika och flexibla lösningar genom att omvandla Photoshop‑designer till HTML.](https://software.engineer.company/sv/portfolio/designed-30-websites-delivering-unique-and-flexible-solutions-52/)
- [Utformade arkitekturen för en skiktad sjöfartsplattform som håller isär en PWA‑frontend i Next.js, ett API i Go (Huma/Fiber) och ett funktionsskikt i PostgreSQL, med all affärslogik i databasen.](https://software.engineer.company/sv/portfolio/architected-a-layered-maritime-platform-separating-a-next-57/)
- [Utformade ett system för att växla organisationskontext med localStorage hos klienten och en speglad cookie på serversidan, så att användare kan agera som de organisationer de förvaltar medan auktorisering enligt minsta behörighet upprätthålls.](https://software.engineer.company/sv/portfolio/designed-an-organization-context-switching-system-with-client-59/)
- [Byggde frontenden i Next.js 16 med medvetna SSR-, SSG- och CSR‑strategier och en återanvändbar fabrik för förhämtade serversidor som tar bort N+1‑kaskaden av hämtningar från varje inloggad sida som flyttas över till den.](https://software.engineer.company/sv/portfolio/built-the-next-js-16-frontend-with-deliberate-73/)
- [Levererade fullt stöd för Progressive Web App — installerbar och med offlinestöd — med körtidscachning i Workbox via next‑pwa.](https://software.engineer.company/sv/portfolio/delivered-full-progressive-web-app-support-installable-and-74/)
- [Utformade ett designsystem i stil med ”Liquid Glass” från iOS 26 och en kanonisk komponentförteckning som lintregler upprätthåller för att förhindra att gränssnittet spretar.](https://software.engineer.company/sv/portfolio/designed-an-ios-26-liquid-glass-design-system-75/)
- [Utformade produktens UI och UX från början till slut — katalogrutnät, dubbla kort- och tabellvyer, kravvalidering i realtid och brödsmulenavigering.](https://software.engineer.company/sv/portfolio/designed-the-product-s-ui-and-ux-end-76/)
- [Etablerade ett internationaliseringssystem för engelska och danska med 12 027 meddelanden per språkversion i 458 namnrymdsfiler, med ett ordförråd som lintern upprätthåller och en budget på 400 rader per fil.](https://software.engineer.company/sv/portfolio/established-an-english-danish-internationalization-system-with-linter-78/)
- [Fattade plattformens grundläggande beslut under veckorna efter att repot öppnades i november 2025 — skiktningen, dataåtkomst med databasen först och ribban med noll varningar — och de håller fortfarande nio månader senare.](https://software.engineer.company/sv/portfolio/set-the-platform-s-founding-decisions-in-november-2025-80/)
- [Underhöll och vidareutvecklade den äldre statiska webbplatsen i Hugo och bidrog samtidigt med UI/UX‑förbättringar till den huvudsakliga produkten för tillgångsförvaltning.](https://software.engineer.company/sv/portfolio/maintained-and-enhanced-the-legacy-hugo-static-site-87/)
- [Byggde operatörernas backoffice — ca 40 administrationsrutter och 128 komponenter för anspråk, moderering, funktionsflaggor, cache och diagnostik — så att plattformen kan drivas utan databasåtkomst.](https://software.engineer.company/sv/portfolio/built-the-operator-back-office-for-the-platform-102/)
- [Byggde en flerspråkig statisk webbplats i Hugo med 108 mallfiler, varav 53 partials, som publicerar varje sida i fyra representationer från ett innehållsträd på tre språk, och en gång till under sju fokuserade underdomäner byggda från samma träd.](https://software.engineer.company/sv/portfolio/built-a-multilingual-static-site-in-hugo-126/)
- [Kortade webbplatsens webbläsarstyrda kvalitetsgrind från 1 636 sekunder till 615 genom att schemalägga kontrollerna med den längsta först i en workerpool begränsad till fyra spår, efter att ha mätt att alfabetisk ordning kostade 320 sekunder mot 224.](https://software.engineer.company/sv/portfolio/cut-the-visual-quality-gate-to-ten-minutes-128/)
- [Ersatte 27 renderade teckenstorlekar, vars närmaste grannar låg 0,6 % från varandra, med en Major Third‑skala i sex steg, och skrev lintern som fäller den tjugoåttonde.](https://software.engineer.company/sv/portfolio/replaced-27-font-sizes-with-a-six-step-scale-129/)
- [Förde 32 representativa sidor — en per mall och språk — till WCAG 2.2 nivå AA i båda färgteman, plus två AAA‑kriterier, med en dokumenterad överensstämmelseredovisning och en kontroll som försvarar varje påstående.](https://software.engineer.company/sv/portfolio/took-wcag-2-2-level-aa-across-the-whole-site-130/)
- [Hittade och åtgärdade 11 tillgänglighetsbrister som webbläsaren rapporterade som felfria — åtta sidfotslänkar som låg kvar i tabbordningen bakom pointer‑events, en scroll‑tidslinje som klippte bort kolofonen på tre sidor och en regelmotor som körde 70 av sina 105 regler.](https://software.engineer.company/sv/portfolio/fixed-11-accessibility-defects-the-browser-called-healthy-131/)
- [Stängde färgsystemet vid 28 dokumenterade färger med en linter som fäller ett värde som målas men inte är dokumenterat, dokumenteras men inte målas, är felmätt, skrivs om som en literal eller ligger inom ett perceptuellt avstånd på 0,02 från en befintlig färg.](https://software.engineer.company/sv/portfolio/closed-the-colour-system-at-28-colours-133/)
- [Upptäckte att det ljusa temat hade saknat ett helsidesöverlägg sedan den dag det skrevs, genom att kräva att båda teman målar varje skiktad yta med samma antal skikt.](https://software.engineer.company/sv/portfolio/found-the-light-theme-missing-an-overlay-layer-134/)
- [Fick reduced‑motion att hålla vad den lovar efter att ha hittat elva selektorer som fortfarande animerade under inställningen, eftersom en universell transition‑none‑regel förlorar på specificitet mot varje regel som har en klass.](https://software.engineer.company/sv/portfolio/made-reduced-motion-honest-135/)
- [Byggde en utskriftsstilmall på 637 rader mot fyra dokumenterade beteenden i renderingsmotorer, bland annat run‑in‑rubriker som skrevs ut vitt på vitt för varje läsare vars webbläsare föredrog mörkt läge.](https://software.engineer.company/sv/portfolio/built-a-637-line-print-stylesheet-136/)
- [Krympte stilmallspaketet från 87 KB till 31 KB genom att ta ut ett base64‑kodat typsnitt ur det, och tog bort 756 KB i 22 filer som publicerades vid varje driftsättning utan att något refererade till dem.](https://software.engineer.company/sv/portfolio/cut-the-stylesheet-bundle-from-87kb-to-31kb-139/)
- [Förde in 10 242 rader JavaScript för kvalitetsgrinden under en formaterare och en linter efter att ha konstaterat att det var den största kodmassan i repot och den enda som inget läste, och åtgärdade 13 fynd utan att undertrycka något.](https://software.engineer.company/sv/portfolio/brought-the-quality-gate-code-under-a-linter-143/)
- [Byggde en native meddelandeklient för macOS i Swift 6 och SwiftUI — 11 141 rader i 53 filer — ovanpå C‑gränssnittet till en Rust‑kärna som länkas som ett statiskt arkiv från en låst revision.](https://software.engineer.company/sv/portfolio/built-a-native-macos-messaging-client-in-swift-6-154/)
- [Stoppade en applikation som fyllde minnet med 41 MB i sekunden — uppmätt 111 GB komprimerade sidor på en maskin med 36 GB — genom att begränsa varje händelseström, prenumerera per händelsetyp och sätta en hastighetsbudget på loggningen, vilket tog ned 610 996 loggrader till 1 411.](https://software.engineer.company/sv/portfolio/stopped-an-application-filling-memory-at-41mb-a-second-155/)
- [Gav varje kontroll i gränssnittet som bara består av en ikon ett namn för skärmläsare efter att ha hittat skicka‑knappen uppläst som ”arrow up circle, button”, och skrev lintern som kräver etiketten inom åtta rader från ikonen.](https://software.engineer.company/sv/portfolio/named-all-seventeen-interface-icons-for-screen-readers-159/)
- [Byggde ett designsystem med 48 tokens på plattformens eget glasmaterial och skrev lintern som avvisar ett magiskt tal, en hårdkodad teckenstorlek eller en animering som ignorerar inställningen för reducerad rörelse.](https://software.engineer.company/sv/portfolio/built-a-48-token-design-system-160/)

<https://software.engineer.company/sv/services/frontend-development/>
