BUILDING WEB EXPERIENCES.

I develop scalable web applications with modern technologies, prioritizing performance, accessibility, and clean, maintainable code.

01

Selected Work

A selection of projects that showcase my approach to building digital products.

01

E.T.L (Extract, Transform, Load) Software

A full-stack ETL application built for a private Spanish law firm that enables users to upload, validate, process, and manage Excel files through an intuitive web interface.

Problem

The client needed a centralized solution to simplify Excel-based data processing, reduce repetitive manual tasks, and provide an efficient way to manage uploaded files and export processed data.

Solution

Developed a full-stack application using Next.js, PostgreSQL, and Server Actions. Implemented secure file uploads, Excel parsing with SheetJS, database persistence, file management, CSV export, pagination, and a responsive interface optimized for desktop and mobile devices.

Highlights

  • Excel upload and parsing with SheetJS
  • Next.js Server Actions
  • PostgreSQL integration
  • CSV export
  • Responsive design
  • File management (upload, view, delete)
Next.js React TypeScript Tailwind CSS PostgreSQL SheetJS React Hook Form
E.T.L (Extract, Transform, Load) Software
02

Innova Hipotecaria – Mortgage Management Platform

A web-based mortgage management platform designed to streamline catalog administration, mortgage workflows, and internal operations through a modern and responsive interface.

Overview

Contributed as a Frontend Developer on a cross-functional team, implementing new features, improving existing workflows, and maintaining a production mortgage management platform.

Key Contributions

  • Implemented catalog management features, including CRUD operations, filtering, validation, and financing status management.
  • Developed and enhanced reusable UI components such as activity drawers, autocomplete inputs, and dashboard navigation.
  • Improved dashboard behavior by fixing filtering, pagination, sorting, and status management issues.
  • Refactored application code using immutable update patterns and standardized naming conventions to improve maintainability.
  • Resolved production issues involving UTC date handling, responsive layouts, and UI inconsistencies.
  • Collaborated through Git workflows, pull requests, and code reviews to deliver production-ready features and bug fixes.
Next.js React TypeScript Tailwind CSS
Live Site
Innova Hipotecaria – Mortgage Management Platform
02

How I Build

A repeatable process that ensures quality, performance, and maintainability in every project.

01

Understand

Understand the project requirements, user needs, and technical constraints before writing code.

  • Review project requirements and acceptance criteria
  • Analyze existing workflows and user experience
  • Identify technical constraints and dependencies
  • Break features into manageable tasks
02

Plan

Define a scalable implementation strategy with reusable components and clean architecture.

  • Plan component structure and application flow
  • Design reusable UI patterns
  • Define data flow and API integration
  • Choose the right tools and technologies
03

Build

Develop features iteratively with a focus on maintainability, responsiveness, and clean code.

  • Build reusable components
  • Integrate RESTful APIs and Server Actions
  • Implement responsive and accessible interfaces
  • Follow Git workflows with meaningful commits
04

Refine

Improve usability, fix edge cases, and keep the codebase maintainable.

  • Refactor and modularize code
  • Resolve cross-browser compatibility issues
  • Optimize responsive layouts and UX
  • Handle validation, loading, and error states
05

Deliver

Deploy reliable features, collaborate through code reviews, and continuously improve.

  • Review code before deploy
  • Verify functionality across devices
  • Monitor feedback and resolve issues
  • Iterate based on new requirements
03

Stack

Technologies I use daily to build production-grade digital products.

Frontend

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

Backend

Node.js FastAPI RESTful APIs Next.js Server Actions

Database

PostgreSQL Prisma SQL

DevOps

Docker GitHub Actions Vercel

Tools

Git Postman VS Code Linux Terminal Bash
05

About

Frontend Developer passionate about building modern, accessible, and high-performance web applications with React, Next.js, and TypeScript. I enjoy creating reusable components, intuitive user experiences, and maintainable code while continuously learning and improving my craft.

Performance matters, every millisecond shapes the user experience.

Accessibility isn't optional, the web is for everyone.

Clean code and reusable components build scalable applications.

Every interaction should feel intentional, motion should guide, never distract.

Continuous learning and thoughtful collaboration lead to better software.

06

Let's Work Together

I'm always open to new projects, interesting ideas, and meaningful collaborations.

GitHub LinkedIn