Hola, soy

Unai
Vidal

Senior Frontend Developer · React · TypeScript · IA

Sobre mí

Código con propósito

Desde 2015 programando. Fullstack con foco en frontend.

Unai Vidal Viso

Fullstack developer principalmente con React, TypeScript y Node, pero más enfocado en frontend. Aprendo rápido y me adapto fácilmente — llevo desde 2015 construyendo productos digitales: webs, apps móviles, videojuegos e IoT.

Hoy integro IA en el día a día: como herramienta de desarrollo, en los flujos del equipo y directamente en producto. No usarla es dejar ventaja competitiva sobre la mesa.

Frontend & Tools

ReactNext.jsTypeScriptTailwind CSSFramer MotionNode.jsTauri · RustVite

Arquitectura

Clean ArchitectureAtomic DesignSOLID

IA en Desarrollo

Claude / Claude CodePrompt EngineeringMCP ServersAI Team WorkflowsLLM IntegrationAgentic Dev (SDD + GGA)
Trayectoria

Experiencia & Formación

Experiencia

Senior Frontend Developer

Trabajo con IA

Hastee – A Zellis Company

Ago 2025 – PresenteBarcelona · Remoto

Desarrollo frontend senior en fintech de bienestar financiero para empleados. Responsable de la arquitectura frontend del equipo: Atomic Design, Clean Architecture y patrones de diseño aplicados al ecosistema React/TypeScript. Lidero también la integración de IA en el flujo de trabajo: servidores MCP personalizados, GGA para revisión automática de código en pre-commit, flujos agénticos con SDD para planificación y entrega de features, y Prompt Engineering aplicado para acelerar la productividad del equipo.

ReactTypeScriptAtomic DesignClean ArchitectureMCP ServersAI WorkflowsGGAPrompt Engineering

Senior Frontend Software Engineer

WebCargo by Freightos

Jul 2024 – Ago 2025Barcelona, España

Rol individual contributor senior en plataforma logística de carga aérea y marítima con alcance global. Desarrollo de features complejas, optimización de rendimiento y colaboración técnica con otros equipos de ingeniería.

ReactTypeScriptFrontend

Senior Frontend Engineer & Team Lead

WebCargo by Freightos

Ene 2023 – Jul 2024Barcelona, España

Liderazgo técnico del equipo frontend: coordinación de entregas, definición de arquitectura, mentoring y code reviews. Gestión del ciclo completo de features desde diseño técnico hasta producción. Punto de referencia técnico entre producto e ingeniería.

ReactTypeScriptTeam LeadArquitecturaMentoring

Frontend Software Development Engineer

WebCargo by Freightos

May 2021 – Ene 2023Barcelona · Remoto

Desarrollo de interfaces para plataforma SaaS de freight booking usada por aerolíneas y transitarios a nivel mundial. Trabajo en equipo distribuido en remoto con metodologías ágiles.

ReactTypeScriptSaaSRemoteAgile

Jefe de Programación & Fullstack Developer

CREMA™

Mar 2017 – May 2021Málaga, España

Liderazgo del área de programación y desarrollo fullstack de productos digitales: webs, apps móviles y dispositivos IoT. Stack: JavaScript, Node.js, React, Next.js, HTML5, CSS3, PHP, MySQL, Socket.IO, WordPress y Arduino. Desarrollo de apps con React Native, MYSQL, Socket.io y Redux. Creación de productos digitales IoT con Arduino con conexión en tiempo real y datos remotos.

ReactNext.jsNode.jsPHPMySQLReact NativeSocket.IOArduinoIoT

Programador de Videojuegos

Las aventuras de Tate

Ene 2018 – Dic 2018Córdoba, España

Desarrollo de videojuegos en Unity con C# e implementación de entornos de red multijugador.

UnityC#Networking

Formación

I.E.S. Ángel de Saavedra

Técnico Superior

Animaciones 3D, Juegos y Entornos Interactivos · Imagen y Sonido

2015 – 2017

Certificaciones

Certificado de Iniciación al Desarrollo con IA

BIG School · Abril 2026

Technology Leadership Bootcamp

LIDR.co · Mayo 2023

Certificado en Principios SOLID Aplicados

CodelyTV · Noviembre 2021

Proyectos

Lo que construí

Proyectos reales, problemas reales, soluciones que importan.

📝MdViewer

MdViewer

Visor de Markdown nativo y de solo lectura para macOS. Renderizado estilo GitHub, outline, recarga en vivo, KaTeX, Mermaid, temas, exportación a PDF y extensión de Quick Look. 9,1 MB, gratis y open source.

SwiftSwiftUImacOSWebKit
🎨AI Painter

AI Painter

Aplicación para pintar pixel art con IA. Genera y edita arte en píxeles usando inteligencia artificial.

TypeScriptCSSAI
🥗NutriUnai

NutriUnai

Aplicación web de planes nutricionales personalizados con IA. Chatbot nutricional, gestión de usuarios y planes adaptados.

Next.jsTypeScriptReactOpenAI
💒Wedding Image Uploader

Wedding Image Uploader

Aplicación para subir fotos en eventos de bodas. Comparte imágenes con los invitados de forma sencilla.

TypeScriptReactViteVercel
🎮LoL Profesor

LoL Profesor

App de escritorio para analizar partidas en vivo de League of Legends. Muestra stats de ranked, historial de campeones y runas de cada jugador en tiempo real.

TauriReactTypeScriptRust
🧬Genogram Generator

Genogram Generator

Aplicación para generar genogramas familiares de forma visual e interactiva.

TypeScriptReact
🏠Houser

Houser

Prototipo de buscador de pisos con sistema de match al estilo Tinder para encontrar el piso perfecto.

TypeScriptReactHouser
🎧Podcasts App

Podcasts App

Aplicación de podcasts con búsqueda, reproducción y gestión de episodios.

TypeScriptReact
🎤Bot Anti-Sing

Bot Anti-Sing

Bot de Discord que mutea automáticamente a los usuarios cuando detecta que están cantando.

TypeScriptDiscord.jsNode.js
🐾Petgram

Petgram

Instagram de mascotas. Webapp en React con Apollo Client y servidor GraphQL.

ReactGraphQLApolloJavaScript
📺AirPlay Receiver

AirPlay Receiver

Receptor AirPlay casero implementado en C. Permite convertir cualquier dispositivo en un destino AirPlay para streaming de audio y vídeo desde dispositivos Apple.

CAirPlayNetworkingStreaming
⚽Football Scoreboard

Football Scoreboard

Marcador de fútbol en tiempo real con partidos en directo.

JavaScriptHTMLCSS
Blog

Posts

Reflexiones técnicas sobre arquitectura, IA y desarrollo de software.

Contacto

Hablemos

¿Tenés un proyecto interesante? Estoy disponible para freelance y colaboraciones.