Federico Diaz

Frontend Engineer specializing in React, Next.js & TypeScript

I build scalable dashboards, internal tools and SaaS applications for companies that need reliable frontend engineering.

Contact MeView Experience

#About

I'm a Frontend Engineer with 6+ years of experience building production web applications for international companies.

My work focuses on React, Next.js and TypeScript, building dashboards, internal tools and customer-facing applications that prioritize maintainability, testing and accessibility.

Over the years I've worked on SaaS products, logistics platforms, mapping solutions and enterprise software. I enjoy solving complex UI challenges, designing reusable frontend architecture and collaborating closely with backend engineers and product teams.

While frontend development is my specialty, I'm also comfortable extending features into the backend using NestJS, Express and PostgreSQL whenever a project requires end-to-end ownership.

I'm currently available for remote contract work.

Skills

Frontend
ReactNext.jsTypeScriptTailwind CSSshadcn/ui
Testing
VitestPlaywrightRTL
Backend
NestJSExpressREST APIsPrisma
Infrastructure
DockerGitHub ActionsVercelCloudflare
Available for contract work

#Services

Dashboard Development

Business dashboards, admin panels and internal tools.

Interactive Maps

Google Maps, Leaflet, OpenStreetMap, GeoJSON, WebSockets and geospatial visualization.

Frontend Architecture

Reusable components, testing strategies, accessibility and scalable frontend systems.

React & Next.js Development

Customer-facing applications with modern frontend tooling.

#Case Studies

Enterprise Mapping Platform

ReactLeafletTypeScriptTurf.jsWebSockets
  • Built a reusable mapping platform used across multiple products.
  • Created a React abstraction over Leaflet that supports native plugins, custom extensions and iframe communication through an event-driven architecture.
  • Implemented clustering, GeoJSON rendering, route visualization and geospatial validation using Turf.js.

Analytics Dashboard

Next.jsReactTanStack TableRecharts
  • Designed and built a complex analytics dashboard featuring advanced tables, data visualization and user management.
  • Implemented SSR, automated testing and reusable UI components.

Accessible Form Builder

VueTypeScriptWCAG
  • Contributed to the foundation of a drag-and-drop form builder that evolved into a SaaS product.
  • Focused on accessibility, reusable components and dynamic conditional forms.

#My projects

Poke Trakr
2 media

Poke Trakr

This app was intended for people who collect pokemon cards, to keep track of their cards. It was my final project for Harvard CS50.

PythonFlaskSQLHtml5CSS
E-Learning Site

E-Learning Site

E-learning site landing page based on a figma design.

VueTypescriptTailwind
RGB Guessing Game

RGB Guessing Game

How much do you know about RGB? Test your knoledge with this game. Check the RGB given on the head of the page and click on the correct box.

JavascriptCSSHtml5
Worldcup Prode 2026
6 media

Worldcup Prode 2026

A World Cup 2026 predictor where users create bets, invite friends, and track standings in real time throughout the tournament.

ReactTypescriptNext.jsTailwindPostgresql
Dortun

Dortun

A corporate landing page for Dortun s.r.o., a Slovak event solutions company offering event services, rentals, online shop, and school furniture.

Next.jsTypescriptTailwind

#My experience

  1. Work

    Frontend Developer

    Deliverect

    Amersfoort, Netherlands

    • Owned the development of customer-facing frontend features using React, Next.js and TypeScript.
    • Designed and maintained a reusable mapping platform powering embedded delivery tracking across multiple products.
    • Built a modular React abstraction over Leaflet, enabling seamless integration of native plugins and custom geospatial extensions.
    • Implemented WebSocket communication, GeoJSON rendering, clustering, route visualization and custom business logic using Turf.js.
    • Built analytics dashboards featuring advanced tables, charts and server-side rendering.
    • Developed unit, integration and end-to-end tests using Vitest and Playwright.
    • Collaborated with product managers, designers and backend engineers to define technical solutions and deliver production-ready features.
  2. Work

    Frontend Developer

    Atabix Solutions

    Amsterdam, Netherlands

    • Developed dashboard applications across logistics, government and SaaS products.
    • Contributed to the foundation of an accessible drag-and-drop form builder that later evolved into a commercial SaaS platform.
    • Built mapping interfaces for global logistics operations using Google Maps and OpenStreetMap.
    • Helped develop and maintain a shared component library used across the engineering team.
    • Delivered accessible interfaces compliant with WCAG standards.
    • Collaborated closely with backend engineers to design REST integrations and implement complex business workflows.
  3. Education

    Harvard CS50 Certificate

    Harvard University

    Cambridge, Massachusetts

    Received a certificate in computer science from Harvard University's CS50 program in November 2023. The program covered a wide range of topics, including programming, web development, data structures, and algorithms.

  4. Education

    Advanced Diploma in IT

    Academies Australasia

    Sydney, Australia

    Earned an Advanced Diploma in IT, specializing in web development, from Academies Australasia in Sydney, Australia. Graduated in September 2018 with a strong focus on web accessibility and responsive design.

#Get in touch

Contact info

Prefer to write directly? You can reach me at:

contact@federicodiaz.dev
I typically respond within 24 hours. Whether you have a project idea, a job opportunity, or just want to say hi — feel free to reach out.