Profile Photo

Philip Bruér

Principal Product Engineer · Full-Stack · React & TypeScript

Sweden · Malmö · CET

Summary


Swedish Software Engineer with 20+ years of experience.

Philip is an expert in React, TypeScript, and full-stack development with deep experience in architecture, CI/CD, API design, and UI/UX. He bridges the gap between elegant interfaces and scalable backend systems, from creating design systems that ensure visual and functional consistency across products, helping teams move faster and reducing rework, to architecting APIs and DevOps pipelines that enable rapid, reliable growth.

He has a strong track record of delivering products that are intuitive, visually pleasing, and built for scale, and excels at turning concepts into production-ready solutions. Philip is also passionate about Developer Experience, driving improvements in workflows, automation, and documentation to help teams ship faster and with higher confidence.

Philip is a natural leader, outgoing, communicative, and strongly believes that team spirit is the key to success. With a curiosity for new knowledge and a willingness to challenge the status quo when necessary, he always strives to stay ahead of the curve and at the forefront of technological advancements.

Technical Proficiencies


Here are some of the technologies I’ve worked with over the last years. I’m always eager to learn new things and expand my skill set, so this list is constantly growing and evolving. I’ve organized them along the product development lifecycle to give a clearer picture of where each technology fits.

Core Languages & Runtimes

  • TypeScript
  • JavaScript
  • Node
  • Bun
  • Deno
  • C#
  • .NET
  • Java
  • PHP
  • Electron
  • Android

UI/UX & Design Systems

  • Pixel Perfect
  • HTML Semantics
  • Semantics CSS
  • Responsive Design
  • Web accessibility
  • ARIA
  • WCAG
  • Design System
  • Design Tokens
  • Modern CSS Techniques
  • CSS Variables
  • Scalable themes
  • Light/Dark Mode
  • tailwind
  • UnoCSS
  • Panda CSS
  • emotion
  • styled-components
  • CSS Modules
  • SASS/SCSS
  • Framer Motion
  • React Spring
  • Responsive Design
  • shadcn
  • React Aria
  • Radix UI
  • Ark UI
  • Chakra UI
  • Material UI
  • Joy UI
  • Fluent UI
  • Ant Design
  • Custom Enterprise UI
  • BEM
  • Storybook
  • Figma

Frontend Architecture & Frameworks

  • Tanstack Start
  • Next.js
  • Server Components
  • Hooks
  • Context
  • Suspense
  • SSR
  • Hydration
  • Remix
  • React Router
  • Zustand
  • Jotai
  • MobX
  • Redux Toolkit
  • Redux Saga
  • Redux
  • React Query
  • URQL
  • Apollo Client
  • React Hook Form
  • Internationalization
  • zod
  • Schema Validation
  • Error Handling
  • Code-Splitting
  • Persisting data
  • Session/Local Storage
  • Cookies
  • Performance Optimization
  • Virtualization
  • Lazy loading
  • MDX
  • Tiptap
  • Resend
  • Stripe
  • WebGL
  • Three.js
  • Vue
  • Nuxt
  • Svelte
  • SvelteKit
  • SolidJS
  • Web Components
  • SEO
  • Lighthouse
  • Web Vitals

API, Validation & Data

  • REST
  • GraphQL
  • Schema Design
  • Express
  • hono
  • TRCP
  • Fastify
  • WebSockets
  • Socket.io
  • Server side events (SSE)
  • MongoDB
  • postgres
  • zod
  • Prisma
  • Drizzle
  • OpenAPI
  • swagger
  • .NET
  • Entity Framework
  • Microsoft SQL Server
  • EPiServer CMS

Authentication & Security

  • OAuth 2.0
  • SSO
  • OIDC
  • JWT
  • Auth0
  • Clerk
  • NextAuth
  • Active Directory (AD)
  • MSAL

DevOps, Infrastructure, Build & Optimization

  • CI/CD
  • CDN
  • AWS
  • GCP
  • Azure
  • Cloudflare
  • Supabase
  • Netlify
  • Vercel
  • Nginx
  • Docker
  • Cloud Build
  • Kubernetes
  • Git Tags
  • Github
  • Bitbucket
  • Azure Dev Ops
  • CircleCI
  • npm
  • yarn
  • pnpm
  • Module Federation
  • Microfrontends
  • vite
  • Webpack
  • babel
  • Monorepo
  • Turborepo
  • eslint
  • biomes
  • husky
  • prettier
  • commitlint
  • Semantic Versioning

Testing & Logging

  • Jest
  • Playwright
  • Cypress
  • React Testing Library
  • Sentry
  • Google Analytics
  • Kibana
  • Selenium

Collaboration & Process

  • Teams
  • Linear
  • Slack
  • Jira
  • Confluence
  • Discord
  • Notion
  • Trello
  • ClickUp
  • Excalidraw
  • Miro
  • Scrum
  • Kanban

Tech Journey


Lead Frontend Engineer

FlatFrog Laboratories
 {Consultant}
Lund, Sweden
April 2024 - Present

Led the frontend development of a React-agnostic collaborative whiteboard platform, encompassing a full-scale cloud SaaS web application, an Electron desktop app, and an Android-based touch-screen device with real-time collaboration capabilities. Implemented offline-first support on the client using IndexedDB, with the solution hosted on Google Cloud Platform (GCP).

Oversaw frontend delivery, including CI/CD pipelines, deployments, code quality improvements, and the implementation of best practices.

  • TypeScript
  • Electron
  • Android
  • Java
  • React
  • Redux (RTK)
  • IndexedDB
  • tailwind
  • Radix UI
  • Figma
  • express
  • REST
  • Docker
  • CI/CD
  • GCP
  • Playwright
  • Selenium

Lead Product Engineer

Region Skåne/SDV
 {Consultant}
Lund, Sweden
Jun 2023 - Apr 2024

During my engagement with Region Skåne, I architected and built a complete permission management solution from the ground up as part of Skånes Digitala Vårdsystem (SDV), one of Sweden’s largest digital healthcare initiatives. My work focused on permission integration, delivering a secure access to patient data for medical staff, while empowering administrators to efficiently manage access rights through a modern, intuitive interface.

As lead engineer, I drove all aspects of frontend development, from technical design and implementation to DevOps and CI/CD pipeline management in Azure. I also defined and managed RESTful API and schema design to ensure secure, efficient data interoperability across SDV’s centralized platform for medical records, permissions, and prescription management. My leadership extended to UX and design, delivering an intuitive and user-friendly interface that established a strong foundation for usability and effectiveness from day one.

  • TypeScript
  • C#
  • .NET
  • React
  • zustand
  • React Query
  • Radix UI
  • shadcn
  • tailwind
  • Figma
  • zod
  • REST
  • Docker
  • CI/CD
  • Azure
  • Cypress

Principal Frontend Product Engineer

Region Skåne
 {Consultant}
Lund, Sweden
Mar 2023 - Jun 2023

Rescued the project from a failing state, facing an extremely short deadline of three months. I transformed it from nearly non-existent to a complete and fully operational product. It became so successful that Region Skåne began discussions about selling it to other regions in Sweden.

Developed the frontend and designed the REST API schemas for Signe, an integrated reporting tool for healthcare providers at Region Skåne, within a small, highly autonomous team. This structure placed significant responsibility on each of us, demanding a high level of initiative and collaboration. In addition to designing a user-friendly interface for efficient user management and streamlined reporting processes, I implemented user management functionalities and integrated Active Directory for seamless authentication and secure access control. I also took charge of all frontend DevOps, including CI/CD processes, ensuring a smooth and efficient deployment pipeline.

  • TypeScript
  • C#
  • .NET
  • React
  • zustand
  • React Query
  • Joy UI
  • zod
  • REST
  • Vite
  • CI/CD
  • Azure
  • Jest

Senior Frontend Engineer

Axis Communications
 {Full-time}
Lund, Sweden
Mar 2021 - Mar 2023

Rejoined the same team as back in 2020 where we were creating a SaaS service for centralizing all AXIS IoT-devices in a complex UI with WebSocket, MQTT.

During my second term. I focused of the broader scope within the AXIS Organization, pushing change for collaboration between all UX and frontend developers. Bring my knowledge trying to get the company to embrace a centralized design, tech-stack. Also focused a lot on knowledge spreading and created forums for all UX and frontend devs.

I led the push for a unified design and tech stack across the organization to make our development work more cohesive and efficient. I also focused on spreading knowledge by setting up forums and spaces where UX and frontend developers could easily share ideas and learn from each other.

  • TypeScript
  • React
  • Apollo GraphQL
  • zustand
  • next.js
  • Fluent UI
  • styled-components
  • Storybook
  • Figma
  • Turborepo
  • CI/CD
  • AWS
  • Cypress
  • Jest
  • Sentry
  • Google Analytics

Senior Frontend Engineer

Hero Gaming
 {Full-time}
Malmö, Sweden
Sep 2020 - Mar 2021

Integrated new iGaming products and together with an architecture capable of world class SEO performance and integrations with vast array of known payment providers.

  • TypeScript
  • React
  • Redux
  • URQL
  • SSR
  • SEO
  • Figma
  • REST
  • CircleCI
  • AWS

Frontend Product Engineer

Axis Communications
 {Consultant}
Lund, Sweden
Nov 2019 - Sep 2020

Started as a consultant, later joined the same team and company as a employee. Joined the team when the project only consisted of a few sketches on a drawing board. Coding frontend architect of a advanced greenfield SaaS product of thousands of IoT network speakers - think Sonos for enterprise. Working in cross functional agile team. Working closely together with backend team creating GraphQL schema. Hosting everything on AWS. Responsible for the design and UX. Working in a agile cross-functional team with complete ownership of the product.

  • TypeScript
  • React
  • Apollo GraphQL
  • Redux
  • Material UI
  • styled-components
  • Figma
  • vite
  • CI/CD
  • AWS
  • Cypress
  • Jest

Lead Frontend Engineer

Visma Draftit
 {Consultant}
Malmö, Sweden
Jun 2018 - Nov 2019

Started as a full-stack developer in an agile, cross-functional team, working on a monolithic C#/.NET codebase for their CMS platform supporting SaaS products.

I was given full ownership of the frontend rewrite, leading the migration to a modern headless architecture using React and TypeScript. I was responsible for all architectural decisions and played a key role in designing REST API schemas. I architected and delivered a comprehensive design system based on atomic design principles, building the company’s unique, pixel-perfect component library from the ground up and ensuring full accessibility throughout.

  • TypeScript
  • Node
  • C#
  • .NET
  • React
  • emotion
  • Storybook
  • REST
  • EPiServer CMS
  • Azure
  • Babel
  • Webpack
  • React Testing lib

Entrepreneurial Fullstack Developer

Self-employed
 {Full-time}
Malmö, Sweden
Jan 2006 - Dec 2017

Freelancer and creator of web applications across varied platforms like php and Wordpress, ASP with .NET and early adopter of headless clients with SPA’s and React.

Combined software development with being a full time profession poker player. Created Poker bots with screen scraper for automation and invented various Poker software for analyzing databases over hand-ranges and tooling for multi-tabling among others. Written in C#, C++ and JavaScript.

  • JavaScript
  • Node
  • C++
  • C#
  • .NET
  • React
  • HTML
  • CSS
  • Microsoft SQL Server

Web Designer & Developer

Where it all began...
 {Full-time}
Malmö, Sweden
Jan 1996 - Dec 2005

I began building webpages using Microsoft Frontpage, Macromedia Dreamweaver, and Adobe Photoshop in middle school. During my educational years, I completed an internship at a government agency, where I developed web applications for clients.

Back then, before the millennium, almost everyone I knew was playing an online soccer manager game called Hattrick. Created one of the largest sites for the Swedish Hattrick community, with PHP, HTML, and CSS

Another notable project from that period was the creation of one of the most trafficked MP3 websites during the Napster era, which facilitated access to song downloads through legal linking.

  • JavaScript
  • ASP.NET
  • PHP
  • HTML
  • CSS