Federico Diaz

Ingeniero frontend especializado en React, Next.js y TypeScript

Creo paneles de control escalables, herramientas internas y aplicaciones SaaS para empresas que necesitan una ingeniería frontend fiable.

#Sobre mí

Soy ingeniero frontend con más de 6 años de experiencia en el desarrollo de aplicaciones web para empresas internacionales.

Mi trabajo se centra en React, Next.js y TypeScript, creando paneles de control, herramientas internas y aplicaciones para clientes, priorizando la mantenibilidad, las pruebas y la accesibilidad.

A lo largo de los años, he trabajado en productos SaaS, plataformas logísticas, soluciones de mapeo y software empresarial. Disfruto resolviendo desafíos complejos de interfaz de usuario, diseñando arquitecturas frontend reutilizables y colaborando estrechamente con ingenieros backend y equipos de producto.

Si bien el desarrollo frontend es mi especialidad, también me siento cómodo extendiendo funcionalidades al backend utilizando NestJS, Express y PostgreSQL cuando un proyecto requiere una gestión integral.

Actualmente estoy disponible para trabajar de forma remota por contrato.

Habilidades

Frontend
ReactNext.jsTypeScriptTailwind CSSshadcn/ui
Testing
VitestPlaywrightRTL
Backend
NestJSExpressREST APIsPrisma
Infraestructura
DockerGitHub ActionsVercelCloudflare
Disponible para trabajo por contrato

#Servicios

Desarrollo de Dashboards

Paneles de negocio, administración y herramientas internas.

Mapas Interactivos

Google Maps, Leaflet, OpenStreetMap, GeoJSON, WebSockets y visualización geoespacial.

Arquitectura Frontend

Componentes reutilizables, estrategias de testing, accesibilidad y sistemas frontend escalables.

Desarrollo con React y Next.js

Aplicaciones orientadas al cliente con herramientas frontend modernas.

#Casos de Estudio

Plataforma de Mapas Empresarial

ReactLeafletTypeScriptTurf.jsWebSockets
  • Construí una plataforma de mapas reutilizable utilizada en múltiples productos.
  • Creé una abstracción de React sobre Leaflet que soporta plugins nativos, extensiones personalizadas y comunicación mediante iframes a través de una arquitectura basada en eventos.
  • Implementé clustering, renderizado GeoJSON, visualización de rutas y validación geoespacial con Turf.js.

Dashboard Analítico

Next.jsReactTanStack TableRecharts
  • Diseñé y construí un dashboard analítico complejo con tablas avanzadas, visualización de datos y gestión de usuarios.
  • Implementé SSR, tests automatizados y componentes de UI reutilizables.

Constructor de Formularios Accesible

VueTypeScriptWCAG
  • Contribuí a la base de un formulario drag-and-drop que evolucionó hasta convertirse en un producto SaaS.
  • Me enfoqué en accesibilidad, componentes reutilizables y formularios condicionales dinámicos.

#Mis proyectos

Poke Trakr
2 medios

Poke Trakr

Una app pensada para coleccionistas de cartas Pokémon, para llevar registro de sus cartas. Fue mi proyecto final para Harvard CS50.

PythonFlaskSQLHtml5CSS
E-Learning Site

E-Learning Site

Landing page de un sitio de e-learning basada en un diseño de Figma.

VueTypescriptTailwind
RGB Guessing Game

RGB Guessing Game

¿Cuánto sabés sobre RGB? Probá tus conocimientos con este juego. Mirá el valor RGB que aparece en el encabezado y hacé clic en el color correcto.

JavascriptCSSHtml5
Worldcup Prode 2026
6 medios

Worldcup Prode 2026

Un predictor para el Mundial 2026 donde los usuarios crean apuestas, invitan amigos y siguen la tabla de posiciones en tiempo real durante todo el torneo.

ReactTypescriptNext.jsTailwindPostgresql
Dortun

Dortun

Pagina principal corporativa para Dortun s.r.o., una empresa eslovaca de soluciones para eventos que ofrece servicios, alquileres, tienda online y mobiliario escolar.

Next.jsTypescriptTailwind

#Mi experiencia

  1. Trabajo

    Desarrollador Frontend

    Deliverect

    Amersfoort, Países Bajos

    • Lideré el desarrollo de funcionalidades frontend orientadas al cliente usando React, Next.js y TypeScript.
    • Diseñé y mantuve una plataforma de mapas reutilizable que impulsa el seguimiento de entregas integrado en múltiples productos.
    • Construí una abstracción modular de React sobre Leaflet, permitiendo la integración fluida de plugins nativos y extensiones geoespaciales personalizadas.
    • Implementé comunicación vía WebSocket, renderizado GeoJSON, clustering, visualización de rutas y lógica de negocio personalizada con Turf.js.
    • Creé dashboards analíticos con tablas avanzadas, gráficos y renderizado del lado del servidor.
    • Desarrollé tests unitarios, de integración y end-to-end con Vitest y Playwright.
    • Colaboré con product managers, diseñadores e ingenieros backend para definir soluciones técnicas y entregar funcionalidades listas para producción.
  2. Trabajo

    Desarrollador Frontend

    Atabix Solutions

    Ámsterdam, Países Bajos

    • Desarrollé aplicaciones de dashboard para los sectores de logística, gobierno y SaaS.
    • Contribuí a la base de un formulario drag-and-drop accesible que luego evolucionó a una plataforma SaaS comercial.
    • Construí interfaces de mapas para operaciones logísticas globales usando Google Maps y OpenStreetMap.
    • Participé en el desarrollo y mantenimiento de una librería de componentes compartida utilizada por todo el equipo de ingeniería.
    • Entregué interfaces accesibles conformes con los estándares WCAG.
    • Colaboré estrechamente con ingenieros backend para diseñar integraciones REST e implementar flujos de trabajo de negocio complejos.
  3. Educación

    Certificado CS50 de Harvard

    Universidad de Harvard

    Cambridge, Massachusetts

    Certificado en ciencias de la computación del programa CS50 de la Universidad de Harvard, obtenido en noviembre de 2023. El programa cubrió una amplia variedad de temas incluyendo programación, desarrollo web, estructuras de datos y algoritmos.

  4. Educación

    Diplomatura Avanzada en TI

    Academies Australasia

    Sídney, Australia

    Diplomatura Avanzada en TI con especialización en desarrollo web, obtenida en Academies Australasia en Sídney, Australia. Graduado en septiembre de 2018 con un fuerte enfoque en accesibilidad web y diseño responsive.

#Contactame

Información de contacto

¿Preferís escribirme directamente? Podés hacerlo a:

contact@federicodiaz.dev
Generalmente respondo dentro de las 24 horas. Ya sea que tengas un proyecto en mente, una oportunidad laboral, o simplemente quieras saludar — no dudes en escribirme.