Open To Work

Barcelona · Spain

Hi, I'm Adri.

Frontend Engineer

Building scalable products with TypeScript, Vue, React, and modern frontend technologies.

I build production-ready frontend applications with a strong focus on architecture, scalability, and maintainability.

Over the past five years, I’ve built SaaS applications with TypeScript, Vue, React, Vite, Tailwind CSS, and Playwright. Most recently at Logbook AG, I owned key parts of the frontend, from state management and API integration to TypeScript contracts, reusable components, and automated testing.

My engineering journey.

Sharing a few roles I've loved, and why each one mattered.

  1. Front-End Engineer

    Logbook AG · Switzerland · 1 yr 3 mo

    Built key parts of the frontend for Logbook AG’s logistics data platform, simplifying complex master data workflows and improving web app performance by 40%.

    • Owned major frontend areas across architecture, implementation, and scalability for a logistics master data SaaS platform.

    • Worked closely on data structures, TypeScript contracts, and API flows to support reliable platform functionality.

    • Improved performance and maintainability through component-driven development and better frontend structure.

  2. Software Engineer

    NTT DATA Barcelona · Barcelona · 1 yr 5 mo

    Helped build a public health platform used by professionals to manage healthcare center accreditation processes.

    • Worked as a frontend-focused engineer and full-stack contributor within a multidisciplinary product team.

    • Developed responsive interfaces using React and Material UI.

    • Delivered accessible healthcare features through iterative Agile development.

  3. Junior Front-End Developer

    Air-Go IPS / Air-Fi · Barcelona · 6 mo

    Refactored an early Vue prototype into a more maintainable platform for Air-Fi’s real-time hospital tracking system.

    • Implemented core frontend features and improved data handling for real-time clinical workflows.

    • Supported API design and integration for patient-tracking modules.

    • Collaborated in Agile sprints to align technical work with product and hospital requirements.

  4. Junior Front-End Developer

    ESED - Cyber Security & IT Solutions · Mataró · 1 yr 2 mo

    Built frontend features for a food industry SaaS platform supporting logistics and shipping operations.

    • Developed and refined client-facing interfaces for web applications.

    • Contributed reusable UI components and dashboard features.

    • Presented progress in Agile ceremonies and client demos.

Impact

Maintainability, clarity, and reliable delivery.

  • Built highly reusable modular components to reduce redundancy.

  • Improved maintainability through safer end-to-end implementation patterns.

  • Helped establish a scalable front-end architecture for production use.

Technologies I ship with.

The tools I reach for most, the ones I work with confidently in production, and the ones I can step into when a project calls for them.

  • Frontend systems

    7 tools

    • Vue
    • React
    • TypeScript
    • JavaScript
    • Astro
    • Pinia
    • Vite
  • Quality and tooling

    4 tools

    • Vitest
    • Playwright
    • Git
    • ESLint
  • Backend and data

    5 tools

    • Node.js
    • Express
    • PostgreSQL
    • MySQL
    • Java
  • AI tools and agents

    4 tools

    • Claude Code
    • Codex
    • Copilot
    • OpenCode

Things I build in my own time.

Products I design, build, and ship end to end, plus a few smaller things I keep in the open.

Archie

A Steam price tracker that sends you a Discord DM the moment a game you want drops in price.

What I built

A pnpm TypeScript monorepo spanning an Express/Prisma/PostgreSQL API, a Vue/Vite dashboard, an Astro landing page, and a Chrome MV3 extension.

  • Chrome MV3 extension integrated directly with the Steam store.

  • Discord DM alerts driven by tracked price thresholds.

TypeScriptVueExpressPrismaPostgreSQLAstro
Source private

JobInbox

A personal CRM that reads your Gmail and keeps every job application moving through a Kanban pipeline on its own.

What I built

A pnpm TypeScript monorepo with a Vue 3/Vite/Tailwind frontend and an Express/Prisma/PostgreSQL API, with graphile-worker running background jobs.

  • Gmail OAuth ingestion with OpenAI-powered email classification.

  • Applications tracked and advanced automatically, no manual entry.

TypeScriptVue 3ExpressPrismaPostgreSQLOpenAI
Source private

MultiTrack

Turns phones into synchronized speakers for whatever is playing on the TV.

What I built

A pnpm monorepo pairing a Next.js 16 web app with an Express/Socket.IO server that keeps TV video and mobile companion audio in sync.

  • QR-based session pairing between TV and mobile devices.

  • Real-time playback synchronization over WebSockets.

TypeScriptNext.jsExpressSocket.IO
Source private

url-shortener

A full-stack URL shortener with a Vue 3 dashboard, Express BFF, and Redis-backed redirect caching.

  • GitHub OAuth via Supabase with Redis-powered sessions.

TypeScriptVue 3ExpressRedisSupabase

tailwind-skills

A set of agent skills for Tailwind CSS that fixes non-canonical class warnings using the live language server.

JavaScriptTailwind CSS

my-jscamp-journey

Everything I built and learned working through JsCamp, kept in the open.

JavaScript

Open source contributions.

Features I have contributed to projects built and maintained by other people.

A local-first job search framework built on Claude Code that evaluates postings, tailors CVs, and writes cover letters.

Stars
30.7k
Added
+220
Removed
−1
Files
4
Merged
Jul 2026

What I added

A /notion-sync command that pushes ranked jobs and applications to a Notion database.

Why

Pipeline state lived only in local files, with no way to check the job search from anywhere else.

Outside work.

A few details beyond day-to-day frontend work.

Off the clock

In my free time, you’ll usually find me playing music 🎸, drinking tea ☕️, playing video games 👾, reading 📚, or exploring new places and getting lost in nature 🌲🚶. I’m also always thinking of new things to build 🧑🏻‍💻. Before you ask: yes, I’m firmly on team pineapple pizza 😋🍕🍍. And yes, I love both cats and dogs 🐈🐩❤️.

Languages

  • Spanish Native

  • Catalan Native

  • English C2 Proficient

    EF SET 71 / 100 · Cambridge English First Certificate (B2)

Education

Universitat Pompeu Fabra (TecnoCampus)

Bachelor’s Degree in Computer Engineering (Grau en Enginyeria Informàtica de Gestió i Sistemes d’Informació)

2017 - 2021