Skip to content
Rasmus Friis Hansen
  • SmartApply.nowFrontend & UI/UX · AI Integration · Backend Logicsmartapply.now
  • BandfolioFrontend Architecture · Agentic AI CI/CD Pipeline · Scalability & Webhooksbandfolio.ai
  • Concertlist AIConcert Setlist App is a full-stack web application built with Next.js (TypeScript) and s…setlist.bandfolio.ai

Rasmus Friis

Senior Frontend Engineer

Vue · Nuxt · TypeScript · Audio Technology

View my work Contact me

[ 01 / About ]

About me

Professional Competences

I bring over a decade of experience leading frontend architecture for scalable digital platforms, with a strong focus on clean separation of concerns and robust automation to minimize technical debt. My approach centers on establishing clear structural rules early, enabling teams to deliver high-quality, accessible interfaces while integrating AI-driven workflows for routine tasks. This has allowed me to drive consistent design systems and reliable delivery across complex multi-tenant environments.

Experience
10+ years
Education
Software Development, 2015Datamatiker, 2014
Languages
English (Advanced)German (Basic)Danish (Native)
Location
Copenhagen, Denmark

  • Frontend Architecture

    I establish shared component architectures and visual design systems using Vue, Nuxt, and Tailwind to ensure consistent styling and efficient execution across large-scale applications.

  • Test Strategy & Automation

    I introduce structured automated end-to-end testing workflows with Playwright and Vitest alongside CI/CD pipelines to maximize reliability in complex e-commerce and dashboard solutions.

  • Technical Leadership

    I lead cross-functional engineering teams in architectural decisions that support business growth, scalability, and system performance while mentoring developers through standardized onboarding processes.

  • AI & Agentic Workflows

    I integrate Claude, GitHub Copilot, and agentic orchestration into development pipelines to handle routine tasks, allowing focus on architecture, requirements scoping, and human review gates.

Personal Competences

I am driven by curiosity and a desire to keep learning – especially when I can explore new technologies, professional areas, and new ways of doing things. I am motivated by understanding complex challenges and finding solutions that create real value. I am creative and persistent, but also place great importance on collaboration and sharing knowledge. For me, work should be both professionally inspiring and enjoyable, and I like to contribute with energy, perspective, and a good sense of humour.

Interests

  • Music is a huge hobby of mine; I love performing live because it gives me such a rush.See my music
  • Acting in amateur theater challenges my boundaries, but also fosters incredible camaraderie.
  • Hiking is an exciting way to experience the world.
  • Concerts are a great opportunity to meet up with my many friends and large family—an activity we do at least 15 times a year.

[ 02 / Work ]

Experience

  1. Aug 2024 – Apr 2026

    Pascal

    Frontend Developer

    • Architecture & Interfaces

      Responsible for developing responsive, high-performance desktop interfaces for complex audio workflows, collaborating closely with designers.

    • Prototyping & Iteration

      Developed numerous performance-optimized prototypes based on direct user insights to define the final product landscape.

    • Cross-functional Delivery

      Contributed to a cross-functional team of 20 engineers and developers, ensuring frontend delivery quality leading up to the final launch for end-users.

    • TypeScript
    • Tailwind
    • Tauri
    • GitHub Actions
    • Figma
    • UI/UX
    • Jira
    • Claude Code
    • GitHub Copilot
    • CI/CD
    • Vitest
    • Docker
    • Vue
    • REST APIs
    • Unit testing
    • pnpm
    • GitHub
    • Playwright
    • Javascript
    • Html
    • CSS
    • Sentry

  2. Apr 2022 – Jul 2024

    Loyalty Key

    Lead Frontend Developer

    • Design Systems

      Established and drove the shared component architecture and visual design system, ensuring consistent styling and efficient execution across the team.

    • Test Strategy

      Introduced and structured automated end-to-end testing workflows and unit testing to maximize reliability in large-scale e-commerce and dashboard solutions.

    • Stakeholder Management

      Translated business requirements into scalable technical solutions that supported both internal platforms and external partners.

    • Nuxt
    • Tailwind
    • GitHub Actions
    • CI/CD
    • Vitest
    • Figma
    • UI/UX
    • TypeScript
    • Docker
    • Playwright
    • Vue
    • REST APIs
    • WCAG
    • Multi-tenant systems
    • Microservices
    • pnpm
    • GitHub
    • Javascript
    • Html
    • CSS
    • AWS
    • Jira
    • Sentry

  3. Jan 2021 – Apr 2022

    DreamPlan

    Tech Lead

    • Technical Leadership

      Led the cross-functional engineering team, focusing on architectural choices that supported business growth and system performance.

    • Infrastructure & Quality

      Established a robust cloud infrastructure and data solutions, while introducing processes to elevate code quality.

    • Mentoring

      Mentored team members and built standardized onboarding assignments to evaluate and strengthen the technical skills of incoming developers.

    • React
    • TypeScript
    • Next.js
    • GraphQL
    • GitHub Actions
    • CI/CD
    • UI/UX
    • Tailwind
    • REST APIs
    • WCAG
    • Google Analytics
    • Unit testing
    • CSS
    • GitHub
    • Docker
    • Playwright
    • Vitest
    • Javascript
    • Html
    • AWS
    • Jira
    • Sentry
    • Vercel

  4. Oct 2017 – Jan 2021

    by MeeW

    Tech Lead

    • Technical Ownership

      Held overall technical ownership for mobile and digital platforms in an agile environment, focusing strictly on scalability and flawless user experiences.

    • Automation

      Established development standards and automated workflows via CI/CD pipelines to ensure continuous integration and stable delivery.

    • Collaboration

      Acted as a technical sparring partner for backend teams regarding integrations and coached junior developers within the team.

    • React Native
    • TypeScript
    • Node.js
    • PostgreSQL
    • CI/CD
    • UI/UX
    • Docker
    • REST APIs
    • WCAG
    • Firebase
    • Unit testing
    • GraphQL
    • CSS
    • React
    • GitHub
    • Html
    • Javascript
    • AWS

  5. Aug 2015 – Sep 2017

    Saint-Gobain Distribution Denmark

    Project Manager

    • Frontend Development

      Developed internal digital tools and custom scripts, collaborating closely with designers and content managers.

    • Technological Innovation

      Evaluated and tested emerging technologies, including iBeacons and push notifications, to optimize and digitalize the in-store customer experience.

    • Project Management

      Managed the end-to-end project lifecycle of e-commerce platforms and digital environmental tools, successfully translating complex business requirements into functional digital solutions.

    • CI/CD
    • CSS
    • Html
    • UI/UX
    • REST APIs
    • Javascript
    • Microservices
    • GitHub

[ 03 / Projects ]

Personal projects

Screenshot of SmartApply.now

Jul 2026 – Sep 2026

SmartApply.now

  • Frontend & UI/UX: Component-driven React architecture with Tailwind CSS for a modern, responsive, accessible UI.
  • AI Integration: Uses LLM/Claude APIs to parse job requirements, compute match scores, and generate application drafts.
  • Backend Logic: Automated job posting scraping, dynamic PDF generation, and real-time pipeline metrics.
  • Agentic orchestration
  • Agentic workflows
  • CI/CD
  • Claude
  • Claude Code
  • Generativ AI
  • Github
  • GitHub Actions
Live site — SmartApply.nowSource code — SmartApply.now
Screenshot of Bandfolio

Mar 2026 – May 2026

Bandfolio

  • Frontend Architecture: Built with Vue and TypeScript, emphasizing type safety, reusable components, and fast load times.
  • Agentic AI CI/CD Pipeline: Built using AI tools (Claude Code, GitHub Copilot), with an automated CI/CD pipeline via GitHub Actions, including automated code reviews from CodeRabbit on every pull request.
  • Scalability & Webhooks: Strict separation of source code, configuration, and presentation, enabling seamless deployment of new client sites with minimal maintenance.
  • Agentic orchestration
  • Agentic workflows
  • CI/CD
  • Claude
  • Claude Code
  • CSS
  • Github
  • Html
Live site — BandfolioSource code — Bandfolio
Screenshot of Concertlist AI

Jun 2026 – Present

Concertlist AI

  • Concert Setlist App is a full-stack web application built with Next.js (TypeScript) and styled using Tailwind CSS. The backend architecture leverages Supabase / InsForge for relational data persistence, real-time database capabilities, row-level security (RLS), and file storage. Key technical highlights include custom client-side canvas/SVG rendering for chord charts and sheet music, real-time synchronization hooks across devices for live stage performance views, offline caching support, built-in metronome audio context engines, and Google Drive API integration for cloud file management and asset imports.
  • Agentic orchestration
  • Agentic workflows
  • CI/CD
  • Html
  • Javascript
  • Next.js
  • PostgreSQL
  • Sentry
Live site — Concertlist AISource code — Concertlist AI

[ 04 / Capabilities ]

Skills & capabilities

  1. UI / UX

    • Text translation with i18n
    • Image transformations & manipulation with SVG images
    • Regex validation of inputs with Vuelidate
    • Responsive Design

  2. Testing

    • Unit tests with mock data
    • Sentry error handling
    • Performance optimization (framerate, garbage collection & GPU)

  3. Clean Code Concepts

    • JSDoc documentation
    • Copilot / CodeRabbit review in GitHub
    • ESLint error handling
    • Reusable components
    • Husky pre-commit E2E tests with Playwright

  4. Database

    • PostgreSQL
    • Node.js REST API

  5. DevOps & Deployment

    • Version control (Major.Minor.Patch)
    • Auth provider login (Google, Facebook & GitHub)
    • CI/CD pipelines in GitHub Actions
    • Releasing iPhone/Android apps
    • Edge functions for email & SMS notifications

  6. Other Tools

    • Importing/exporting PDF files
    • Stripe payments — setting up payment services (Visa & Mastercard)
    • Server websockets with JSON client subscriptions

Tools & technologies

  • Agentic orchestration
  • Agentic workflows
  • AWS
  • CI/CD
  • Claude
  • Claude Code
  • CSS
  • Docker
  • Figma
  • Generativ AI
  • GitHub
  • GitHub Actions
  • GitHub Copilot
  • GraphQL
  • Html
  • Insforge
  • Javascript
  • Jira
  • Microservices
  • Multi-tenant systems
  • Next.js
  • Node.js
  • Nuxt
  • Playwright
  • PostgreSQL
  • React
  • React Native
  • REST APIs
  • Sentry
  • Supabase
  • Tailwind
  • Tauri
  • TypeScript
  • UI/UX
  • Unit testing
  • Vercel
  • Vitest
  • Vue
  • WCAG

[ 05 / Credentials ]

Credentials

Education

  • Software Development

    EK - Erhvervsakademi København

    Professional bachelor's degree

    2015

  • Datamatiker

    EK - Erhvervs Akademi København

    Academy profession degree

    2014

Certificates

  • Claude Code Masterclass (NetNinja)

    May 2026

  • Python Masterclass (NetNinja)

    Jun 2026

  • Vue Masterclass (Udemy)

    Jan 2024

  • React Masterclass (Udemy)

    Jun 2020

Languages

  • English

    Advanced

  • German

    Basic

  • Danish

    Native

[ 06 / Contact ]

Let's talk