My portfolio is divided into two core architectures: Web Ecosystems and Native Mobile Applications (KMP). Each project demonstrates scalable system design, fluid user interfaces, and robust business logic.
Frontend platforms engineered with React and TypeScript.
|
E-Commerce for Leather Goods. A dedicated frontend experience developed with React 19, TypeScript, and Tailwind CSS. Built to provide a welcoming digital showcase highlighting product quality through an interactive catalog, a real-time tone selector, and a seamless frontend checkout flow. |
|
|
|
|
🎥 Video Demonstration ShopGlid.mp4 |
|
|
Botanical Cosmetics E-Commerce. A beautifully crafted frontend solution developed with React 19, TypeScript, and Tailwind CSS. Focused on delivering a minimalist and friendly shopping experience, featuring a dynamic user interface with a persistent side-drawer cart to reduce abandonment rates. |
|
|
|
|
🎥 Video Demonstration Ecomanza.mp4 |
|
|
Haute Parfumerie Web Store. A premium frontend platform developed with React 19, TypeScript, and Tailwind CSS. It features an engaging, interactive "Olfactory Sommelier" recommendation system and a highly optimized, user-friendly frontend shopping workflow. |
|
|
|
|
🎥 Video Demonstration Econase.mp4 |
|
|
Contemporary Fashion Web Platform. A modern frontend application developed with React 19, TypeScript, and Tailwind CSS. Engineered with a Mobile-First frontend architecture to ensure incredibly fast load times, friendly and fluid UI transitions, and a frictionless slide-over cart. |
|
|
|
|
🎥 Video Demonstration FlitSide.mp4 |
|
|
Architectural Living Arbors & Botanical Sanctuary E-Commerce. High-end interactive web application and digital sanctuary for master-cultivated specimen trees and rare ornamental flora. Developed with React 19, TypeScript, Tailwind CSS v4, Vite, and Motion. The frontend architecture features an interactive specimen catalog with comprehensive botanical specifications (USDA hardiness zones, sunlight, watering cadence), an intelligent Arboreal Matcher questionnaire, slide-over Cart and Wishlist drawers with dynamic calculations and LocalStorage persistence, instant global search palette (Ctrl + K), real-time reactive HTML5 Canvas particle systems, and zero-latency ambient sound synthesis via native Web Audio API. |
|
|
|
|
🎥 Video Demonstration GreenLife.mp4 |
|
|
Interactive E-Commerce & Haute Joaillerie Experience. High-end luxury e-commerce web platform engineered with React 18, TypeScript, and Tailwind CSS. Features an interactive 2.5D jewel hero showcase with custom particle canvas rendering, real-time dynamic category and metal filtering, an interactive bespoke commission atelier, modal views with multi-angle perspectives, smooth cart and wishlist slide-out drawers, and full responsive design tailored for luxury retail. |
|
|
|
|
🎥 Video Demonstration Diavoire.mp4 |
|
|
Plataforma Web Premium & Showroom Digital de Hipercoches. Plataforma web de alto rendimiento desarrollada con React 18, TypeScript, Vite y Tailwind CSS, acompañada de animaciones fluidas con Motion y efectos atmosféricos en HTML5 Canvas. Diseñada bajo una estética visual Cyber-Green de vanguardia automotriz, integra un panel telemático interactivo en tiempo real con selector de modelos insignia (Porsche Taycan Turbo S, Audi RS e-tron GT, Mercedes-AMG ONE, Lamborghini Huracán STO), catálogo dinámico con filtrado multinivel por motorización y carrocería, selector de acabados y especificaciones técnicas de fábrica, simulador financiero de leasing y amortización con cálculo dinámico de cuotas, y flujo completo de reserva y agendamiento de pruebas en pista. |
|
|
|
|
🎥 Video Demonstration Velox_Motors.mp4 |
|
|
Plataforma interactiva de citas y networking en tiempo real. Aplicación web moderna desarrollada con React, TypeScript, Tailwind CSS y Lucide Icons. Implementa una arquitectura frontend modular basada en componentes y hooks personalizados, animaciones y microinteracciones fluidas, filtrado y búsqueda instantánea de perfiles, sistema de match interactivo con celebración visual, panel de mensajería en vivo simulada y diseño 100% responsivo optimizado para alta conversión y retención de usuarios. |
|
|
|
|
🎥 Video Demonstration LoveConnect.mp4 |
|
|
Enterprise Academic Management System. A comprehensive frontend interface developed with React 19 and TypeScript. This modular frontend elegantly unifies complex gradebooks, student performance tracking, and virtual/physical infrastructure orchestration into a highly accessible and professional dashboard. |
|
|
|
|
🎥 Video Demonstration Uniperium.mp4 |
|
|
Enterprise HealthTech Suite. A specialized frontend suite developed with React 19 and TypeScript. It seamlessly integrates a user-friendly interface for an Electronic Health Record (EHR) system, an interactive odontogram, and a clinical triage dashboard within a secure frontend architecture. |
|
|
|
|
🎥 Video Demonstration Tresval.mp4 |
|
|
Enterprise ERP & Human Resources Platform. A robust frontend enterprise application developed with React 19, TypeScript, and Clean Architecture. It provides a clean, professional interface to centralize payroll calculation, attendance tracking, and internal security through strict Role-Based Access Control (RBAC) UI implementations. |
|
|
|
|
🎥 Video Demonstration Humassist.mp4 |
|
|
Retail & Supply Chain Dashboard. A dynamic frontend dashboard developed with React 19, TypeScript, and Domain-Driven Design (DDD). It presents a unified, user-friendly view of real-time transactional telemetry, inventory management, and automated stock alerts for multi-store logistics. |
|
|
|
|
🎥 Video Demonstration Stovue.mp4 |
|
|
Commercial Real Estate (CRE) Analytics Suite. A sophisticated frontend financial platform developed with React 19, TypeScript, and Clean Architecture. Designed to provide professionals with a simplified, intuitive interface for commercial real estate analysis, property valuation, and investment reporting. |
|
|
|
|
🎥 Video Demonstration Equitiq.mp4 |
|
|
Logistics Control Tower Platform. A powerful frontend control tower platform developed with React 19 and TypeScript. It offers a clear, interactive, and professional interface that centralizes real-time fleet telemetry, multi-hub inventory management, and route optimization. |
|
|
|
|
🎥 Video Demonstration Draybyte__Fleet_._Logistics_Control_Tower.mp4 |
|
|
Enterprise Legal Management Workspace. A highly professional frontend workspace developed with React 19, TypeScript, and Clean Architecture. It delivers a seamless and intuitive user experience for litigation orchestration, billable hours tracking, and contract analysis visualization. |
|
|
|
|
🎥 Video Demonstration Caselok.mp4 |
|
|
Interactive GIS Mapping Engine. An interactive GIS mapping engine developed with React 19, TypeScript, and Leaflet. Going beyond a standard frontend, it seamlessly integrates with open cartographic standards—including OpenStreetMap, Esri, and Nominatim—to beautifully render high-resolution satellite imagery, topographic relief, and real-time geocoding, delivering an accessible and friendly user experience with zero proprietary API costs. |
|
|
🎥 Video Demonstration GeoPulse.mp4 |
|
Fluid, offline-ready Android applications showcasing scalable frontend architectures, structurally prepared for iOS.
|
Advanced AI Frontend Ecosystem. A premium frontend interface for an AI assistant. Built with a shared Kotlin codebase (KMP), delivering native fluidity on Android. It features a welcoming, reactive Glassmorphic design and serves as a high-fidelity technical UI showcase—focused entirely on the frontend visual layer—while remaining structurally scalable to iOS and WebAssembly. |
|
|
|
|
Android Native UI & Multiplatform Commercial Architecture. A complete frontend implementation of a B2C shopping application and a B2B administration panel using Clean Architecture. It offers a smooth, reactive UI experience using mock data, beautifully crafted and structurally prepared on the frontend for real database integration. |
|
|
|
|
Offline-First Financial Architecture. Engineered to demonstrate resilient system design. It simulates a real environment where offline transfers are processed locally, executing secure background synchronization upon regaining signal. |
|
|
|
|
Scalable Fintech UI Experience. A polished frontend technical showcase focused on declarative UI and state hoisting. It beautifully recreates the interface of a modern digital bank, offering users fluid transitions and complex, engaging custom components. |
|
|
|