CREANDO EXPERIENCIAS WEB.

Desarrollo aplicaciones web escalables con tecnologías modernas, priorizando el rendimiento, la accesibilidad y un código limpio y mantenible.

01

Trabajos Seleccionados

Una selección de proyectos que muestran mi enfoque para construir productos digitales.

01

Software E.T.L (Extracción, Transformación, Carga)

Una aplicación full-stack de ETL desarrollada para un estudio jurídico privado español, que permite a los usuarios subir, validar, procesar y gestionar archivos Excel a través de una interfaz web intuitiva.

Problema

El cliente necesitaba una solución centralizada para simplificar el procesamiento de datos basado en Excel, reducir tareas manuales repetitivas y ofrecer una forma eficiente de gestionar los archivos subidos y exportar los datos procesados.

Solución

Desarrollé una aplicación full-stack usando Next.js, PostgreSQL y Server Actions. Implementé subida segura de archivos, análisis de Excel con SheetJS, persistencia en base de datos, gestión de archivos, exportación a CSV, paginación y una interfaz responsiva optimizada para escritorio y dispositivos móviles.

Resultados

  • Subida y análisis de Excel con SheetJS
  • Server Actions de Next.js
  • Integración con PostgreSQL
  • Exportación a CSV
  • Diseño responsivo
  • Gestión de archivos (subir, ver, eliminar)
Next.js React TypeScript Tailwind CSS PostgreSQL SheetJS React Hook Form
Software E.T.L (Extracción, Transformación, Carga)
02

Innova Hipotecaria – Plataforma de Gestión Hipotecaria

Una plataforma web de gestión hipotecaria diseñada para agilizar la administración de catálogos, los flujos de trabajo hipotecarios y las operaciones internas a través de una interfaz moderna y responsiva.

Resumen

Colaboré como Desarrollador Frontend en un equipo multifuncional, implementando nuevas funcionalidades, mejorando flujos de trabajo existentes y manteniendo una plataforma de gestión hipotecaria en producción.

Contribuciones Clave

  • Implementé funcionalidades de gestión de catálogos, incluyendo operaciones CRUD, filtrado, validación y manejo del estado de financiamiento.
  • Desarrollé y mejoré componentes de UI reutilizables como paneles de actividad, campos de autocompletado y navegación del dashboard.
  • Mejoré el comportamiento del dashboard corrigiendo problemas de filtrado, paginación, ordenamiento y manejo de estados.
  • Refactoricé código de la aplicación utilizando patrones de actualización inmutable y convenciones de nombres estandarizadas para mejorar la mantenibilidad.
  • Resolví problemas de producción relacionados con el manejo de fechas UTC, diseños responsivos e inconsistencias de UI.
  • Colaboré a través de flujos de trabajo con Git, pull requests y revisiones de código para entregar funcionalidades y correcciones listas para producción.
Next.js React TypeScript Tailwind CSS
Sitio Web
Innova Hipotecaria – Plataforma de Gestión Hipotecaria
02

Cómo Construyo

Un proceso repetible que garantiza calidad, rendimiento y mantenibilidad en cada proyecto.

01

Comprender

Comprender los requisitos del proyecto, las necesidades del usuario y las restricciones técnicas antes de escribir código.

  • Revisar los requisitos del proyecto y los criterios de aceptación
  • Analizar los flujos de trabajo existentes y la experiencia del usuario
  • Identificar restricciones técnicas y dependencias
  • Dividir las funcionalidades en tareas manejables
02

Planificar

Definir una estrategia de implementación escalable con componentes reutilizables y arquitectura limpia.

  • Planificar la estructura de componentes y el flujo de la aplicación
  • Diseñar patrones de UI reutilizables
  • Definir el flujo de datos y la integración con APIs
  • Elegir las herramientas y tecnologías adecuadas
03

Construir

Desarrollar funcionalidades de manera iterativa, enfocándose en la mantenibilidad, la responsividad y el código limpio.

  • Construir componentes reutilizables
  • Integrar APIs RESTful y Server Actions
  • Implementar interfaces responsivas y accesibles
  • Seguir flujos de trabajo con Git y commits significativos
04

Refinar

Mejorar la usabilidad, corregir casos límite y mantener el código base mantenible.

  • Refactorizar y modularizar el código
  • Resolver problemas de compatibilidad entre navegadores
  • Optimizar diseños responsivos y la experiencia de usuario
  • Manejar estados de validación, carga y error
05

Entregar

Desplegar funcionalidades confiables, colaborar a través de revisiones de código y mejorar continuamente.

  • Revisar el código antes de hacer el despliegue
  • Verificar el funcionamiento en distintos dispositivos
  • Monitorear el feedback y resolver problemas
  • Iterar según los nuevos requisitos
03

Stack

Tecnologías que uso a diario para construir productos digitales de nivel profesional.

Frontend

React Next.js TypeScript JavaScript Tailwind CSS HTML5 CSS3 Astro Framer Motion

Backend

Node.js FastAPI APIs RESTful Server Actions de Next.js

Database

PostgreSQL Prisma SQL

DevOps

Docker GitHub Actions Vercel

Tools

Git Postman VS Code Terminal Linux Bash
05

Sobre mí

Desarrollador Frontend apasionado por construir aplicaciones web modernas, accesibles y de alto rendimiento con React, Next.js y TypeScript. Disfruto creando componentes reutilizables, experiencias de usuario intuitivas y código mantenible, mientras aprendo y mejoro continuamente mi oficio.

El rendimiento importa, cada milisegundo moldea la experiencia del usuario.

La accesibilidad no es opcional, la web es para todos.

El código limpio y los componentes reutilizables construyen aplicaciones escalables.

Cada interacción debe sentirse intencional, el movimiento debe guiar, nunca distraer.

El aprendizaje continuo y la colaboración reflexiva llevan a mejor software.

06

Trabajemos Juntos

Siempre estoy abierto a nuevos proyectos, ideas interesantes y colaboraciones significativas.

GitHub LinkedIn