Pablo Díaz-Jorge

Frontend Engineer
Frontend Architecture · AI Engineering

I design and build scalable frontend systems at the intersection of software architecture and artificial intelligence engineering.

Curriculum vitae

About

What started back in high school as a simple experiment has grown into my true vocation. Today, I focus on designing and building scalable frontend systems at the intersection of software architecture and artificial intelligence engineering, combining thoughtful design with sound engineering practices.

I am currently working as a Frontend Engineer at Infoport Valencia, where I contribute to the development of digital solutions that optimize port logistics operations. My role involves designing accessible, scalable, and user-centered interfaces with Angular and TypeScript, supported by technologies such as SCSS, RxJS, and custom component libraries. I also integrate AI-assisted development tools into the workflow to accelerate development, refactoring, and code review tasks while maintaining high quality standards.

Between 2023 and 2025, prior to joining Infoport, I dedicated a period to applied research and independent development focused on the convergence between frontend architecture and AI engineering. During this phase I designed and prototyped four open-source solutions: Attention Matrix Explorer — interactive visualization of transformer attention matrices with D3.js and Web Workers; Semantic Search Engine — corporate semantic search engine with PostgreSQL + pgvector and HNSW indexing; Cognitive Agent Orchestrator — cognitive agent orchestrator with ReAct pattern and real-time SSE streaming; and Token Cost Analyzer — 100% client-side LLM prompt cost and tokenization analyzer with WebAssembly.

Previously, I was part of NTTData as a Full Stack Developer intern, where I worked on the design and implementation of an employee management platform with Angular and Java. I also interned as a data analyst at Sothis, where I contributed to database analysis and design for compensation plans.

Outside of coding, you will often find me working out at the gym, hiking in the mountains, reading novels, or enjoying good company at a bar with friends.

Professional Experience

Sept 2025 — Present

Indefinite contract  Full time

Frontend Engineer ·  Infoport

I contribute to the development of digital solutions that optimize port logistics operations, building accessible, scalable, and user-centered interfaces with Angular and TypeScript, supported by technologies such as SCSS, RxJS, and custom component libraries. I integrate AI-assisted development tools into the workflow to accelerate development, refactoring, and code review tasks, maintaining high quality standards. I work in an agile environment, collaborating closely with analysts and backend developers to deliver robust, high-value solutions for the sector.

  • Angular
  • TypeScript
  • RxJS
  • Signals
  • Web Components
  • Web accessibility
  • AI-Assisted Development
  • Git
  • Scrum
  • Jira

Jul 2023 — Sept 2025

Applied research and independent development

Independent Software Engineer — AI & Frontend R&D ·  Open Source Projects

Applied research and independent development period focused on the convergence between frontend systems architecture and artificial intelligence engineering. I designed and prototyped four open-source solutions: Attention Matrix Explorer (2023) — interactive visualization of transformer attention matrices with D3.js and Web Workers; Semantic Search Engine (2024) — corporate semantic search engine with PostgreSQL + pgvector and HNSW indexing; Cognitive Agent Orchestrator (2024-2025) — cognitive agent orchestrator with ReAct pattern and real-time streaming via SSE; Token Cost Analyzer (2025) — LLM prompt cost and tokenization analyzer with tiktoken WebAssembly. Stack: Angular (16 → 19), TypeScript, RxJS, Signals, D3.js, Spring Boot, PostgreSQL, pgvector, Node.js, Express, Web Workers, WebAssembly, SSE, Docker, Ollama.

  • Angular (16 → 19)
  • TypeScript
  • RxJS & Signals
  • D3.js
  • Spring Boot
  • PostgreSQL + pgvector
  • Node.js & Express
  • Web Workers & WASM
  • Server-Sent Events
  • Docker
  • Ollama & Qwen
  • Open Source
  • R&D
  • Technical Documentation

Mar 2022 — Jul 2022

Internship  Full time

Full Stack Developer ·  NTT DATA Europe & Latam

As a Full Stack Developer at NTT DATA Valencia, I contributed to the end-to-end development of a corporate personnel management solution. I took part in implementing REST services on the backend and developed an interactive frontend module focused on dynamic visualization of structured data, ensuring code maintainability under the team's quality standards.

  • Angular
  • TypeScript
  • Java
  • Spring Boot
  • Scrum

Mar 2018 — Jun 2018

Internship  Full time

Data Analyst ·  Sothis

Database analysis and design for the compensation plan of the UNE of Consulting and Information Systems (CSI) and the UNE of Automation and Control (AC).

  • MySQL
  • Microsoft Access
  • Power BI
  • draw.io
  • Office 365

Projects

TestMaker

Secure exam platform with multi-user access and encrypted question banks (AES-256-CBC). Built with Angular 21 (Signals) and a Vercel serverless API. Features authentication, topic-based session configuration, advanced keyboard shortcuts, professional PDF export of results, ES/EN internationalization, and 18 Vitest unit tests. Built with AI assistance to solve a real need: studying with questions protected against unauthorized sharing.

  • Angular 21 (Signals)
  • AES-256-CBC
  • Serverless API
  • PDF (jsPDF)
  • Vitest (18 tests)
  • i18n ES/EN

Token Cost Analyzer

Client-side LLM prompt cost and tokenization analyzer. Runs tiktoken WebAssembly inside a Web Worker for non-blocking tokenization. Visualizes token distribution with D3.js bar charts and provides cost estimates for 10 LLM models. Built with Angular 19.1.8 (zoneless change detection), TypeScript 5.7.3, and D3.js 7.9.0. Published as open source in 2026, preserving the original 2025 tech stack.

  • Angular 19 (Zoneless)
  • WebAssembly (tiktoken)
  • Web Workers
  • D3.js
  • TypeScript
  • RxJS & Signals

Cognitive Agent Orchestrator

Cognitive agent orchestrator implementing the ReAct (Reasoning + Acting) pattern with real-time streaming via Server-Sent Events. Features a deterministic state machine that reasons, invokes tools (calculator, weather, search), observes results, and streams every thought to an Angular 18 zoneless frontend. Dual LLM provider support: simulated mode and Ollama + Qwen 2.5 Coder 7B. Backend: Node.js/Express with TypeScript 5.5.4. Published as open source in 2026, preserving the original 2024-2025 stack.

  • Angular 18 (Zoneless)
  • Node.js & Express
  • Server-Sent Events
  • ReAct Pattern
  • Ollama & Qwen 2.5
  • Docker

Semantic Search Engine

Fullstack semantic search engine with vector storage in PostgreSQL via the pgvector extension. Implements cosine similarity search with HNSW indexing over 384-dimensional embeddings. Backend built with Java 21 and Spring Boot 3.2.6; frontend with Angular 17.3.12 featuring deferred result loading via @defer. Infrastructure orchestrated with Docker Compose. Published as open source in 2026, preserving the original 2024 stack.

  • Java 21 & Spring Boot 3.2
  • PostgreSQL + pgvector
  • Angular 17 (@defer)
  • HNSW Indexing
  • Docker Compose

Attention Matrix Explorer

Interactive visualization of transformer attention matrices (Query, Key, Value) inspired by the paper "Attention Is All You Need". Renders real-time heatmaps with D3.js (Viridis color scale, tooltips) and offloads matrix computations (softmax, transpose, multiplication) to a dedicated Web Worker. Built with Angular 16.2.12, Signals (Developer Preview), and D3.js 7.8.5. Published as open source in 2026, preserving the original 2023 stack.

  • Angular 16 (Signals Preview)
  • D3.js (Heatmaps)
  • Web Workers
  • Transformers (Q/K/V)
  • TypeScript

My Portfolio

Personal portfolio built with Angular 19.1.7 and Tailwind CSS 4.1, featuring SSR, i18n (ES/EN), dark/light mode, and lazy-loading for a fast, accessible experience. Built with Angular Universal and Express.js for Server-Side Rendering in production.

  • Angular 19.1.7
  • Angular Universal (SSR)
  • Tailwind CSS 4.1
  • ngx-translate
  • Express.js
  • PostCSS

Palaze

Native web component library built with Stencil.js. Lightweight, easy-to-implement components with fast loading. Installable via npm or CDN. Includes dedicated documentation. Created as a final degree project to dive deep into web development.

  • Stencil.js
  • Web Components
  • TypeScript
  • HTML & CSS
  • Figma