Proyecto Angular 19
Module Federation
Este proyecto demuestra una arquitectura de micro-frontends basada en Module Federation que permite la coexistencia estratégica de Angular 19 y Angular 14 en un mismo entorno de producción, rompiendo el paradigma de que las migraciones deben ser eventos disruptivos y costosos. Al integrar módulos remotos legacy dentro de una shell moderna con Standalone Components y Signals, se valida técnicamente que es posible evolucionar la experiencia de usuario y adoptar nuevas funcionalidades sin reescribir código estable, ofreciendo a las empresas una ruta de migración progresiva, escalable y libre de riesgos. Esta solución transforma la deuda técnica en una ventaja competitiva, permitiendo que los equipos de desarrollo entreguen valor continuo mientras modernizan su stack a su propio ritmo, sin detener la innovación ni incurrir en costos innecesarios por cambios abruptos.
Lightning JS Blits
Este proyecto demuestra la implementación de Lightning JS con Blits, el framework especializado diseñado específicamente para el desarrollo de aplicaciones OTT y Connected TV que ha revolucionado la industria del streaming. Al aprovechar el renderizado WebGL de alto rendimiento de Lightning 3 y la arquitectura component-based de Blits, se logra una ejecución fluida y visualmente optimizada en dispositivos de media con recursos limitados, eliminando las barreras tradicionales del desarrollo TV. Esta solución supera las limitaciones del DOM HTML convencional, ofreciendo una alternativa profesional que garantiza 60 FPS en interfaces complejas mientras mantiene una portabilidad excepcional entre diferentes plataformas de streaming y set-top boxes. La adopción de Lightning JS transforma el desarrollo de aplicaciones de media, permitiendo a las empresas entregar experiencias de usuario premium sin comprometer el rendimiento ni la escalabilidad, posicionándose como el estándar tecnológico para soluciones de streaming profesionales que exigen máxima eficiencia y calidad visual.
Shopping Store Angular 19+
Signals Functional Programming
Este proyecto de e-commerce desarrollado exclusivamente con Angular 19+ demuestra la aplicación rigurosa de paradigmas de programación funcional en un entorno de producción real, consumiendo datos desde una API pública mediante archivos JSON sin depender de patrones imperativos tradicionales. La arquitectura explota exclusivamente las capacidades reactivas modernas de Angular: Signals, toSignals, effect, inject y patrones de matching declarativos, eliminando por completo el uso de clases, servicios con estado mutable o subscripciones manuales a Observables. Al simular programación funcional pura en TypeScript, se logra un flujo de datos predecible, inmutable y libre de efectos secundarios, donde cada interacción del usuario se gestiona mediante transformaciones composables y derivaciones reactivas. Esta solución valida que es posible construir aplicaciones comerciales escalables sin recurrir a patrones tradicionales de JavaScript/TypeScript, ofreciendo a los equipos de desarrollo una referencia técnica para adoptar arquitecturas funcionales en Angular que priorizan la mantenibilidad, la testabilidad y el rendimiento, mientras se aprovecha al máximo el ecosistema moderno del framework sin sacrificar robustez ni experiencia de usuario.
Garnet UI System UI
Storybook 8+
Este proyecto representa una implementación nativa de Svelte 5 que explota exclusivamente el nuevo modelo de reactividad basado en Runas, incluyendo $state, $derived, $effect y $props para gestionar el flujo de datos de forma declarativa y granular, eliminando por completo la reactividad tradicional basada en compilación. La integración con Tailwind CSS permite una estetización utilitaria, responsiva y altamente mantenible, mientras que la incorporación de Storybook como núcleo de documentación y testing valida cada componente en aislamiento, garantizando consistencia visual, interoperabilidad y calidad en tiempo real. Esta arquitectura es ideal para empresas que operan con Design Systems propios, ya que ofrece un flujo de trabajo escalable donde los componentes se documentan, prueban y versionan de forma autónoma, facilitando la colaboración entre equipos de diseño y desarrollo. Al adoptar Svelte 5 con Runas + Storybook + Tailwind, las organizaciones pueden acelerar la creación de interfaces robustas y reutilizables, reduciendo la deuda técnica y asegurando que su sistema de componentes evolucione con agilidad sin comprometer la estabilidad ni la experiencia de usuario en aplicaciones de producción.
Ebook Landing
Tailwind - Stripe
Esta landing page desarrollada con Svelte demuestra la integración estratégica entre marketing digital y arquitectura frontend moderna, combinando la reactividad eficiente de Svelte con Tailwind CSS para crear una experiencia promocional rápida, responsiva y visualmente atractiva. La aplicación se conecta directamente con Stripe como pasarela de pago externa, habilitando un flujo de conversión seguro y sin fricciones propietarias, ofreciendo a las empresas una alternativa ligera, escalable y fácil de mantener para lanzar productos digitales, cursos o ebooks. Al adoptar esta arquitectura, las organizaciones pueden acelerar el time-to-market de sus campañas, reducir costos de infraestructura y garantizar una experiencia de pago optimizada que maximiza la conversión sin comprometer la seguridad ni la calidad del código.
React Festivall
ecommerce reactQuery Zustant
Este e-commerce desarrollado en React con TanStack Query representa la entrega final de un proyecto colaborativo de bootcamp, donde se aplicó un ciclo de desarrollo integral: desde la definición de requerimientos y prototipado en Figma hasta la implementación modular mediante Storybook y metodologías ágiles. La arquitectura backend, construida sobre Java/Spring Boot con PostgreSQL como capa de persistencia, fue containerizada con Docker para garantizar portabilidad, escalabilidad y consistencia entre entornos. Se integraron módulos de procesamiento de datos en Java, gestión de persistencia relacional y frontend reactivo en una solución orquestada que valida la comunicación eficiente entre capas. Para su demostración en Vercel, el proyecto fue adaptado a una versión autocontenida que simula la capa de datos sin depender de servicios externos, permitiendo visualizar la arquitectura completa en cualquier entorno. Esta solución demuestra que es posible entregar productos full-stack funcionales y escalables manteniendo buenas prácticas de ingeniería: gestión de estado con React Query, componentes documentados, testing visual y flujos validados. Ideal para empresas que buscan referencias técnicas de equipos capaces de trabajar bajo presión, colaborar en tiempo real y entregar valor desde el primer sprint, mientras se preserva la calidad del código y la experiencia de usuario en aplicaciones de producción con arquitecturas modernas basadas en microservicios, contenedores y bases de datos relacionales.
Rick and Morty Memory
Memory Game · OAuth Supabase
Este juego de memoria interactivo desarrollado con React 19+ y TypeScript combina entretenimiento y arquitectura de calidad: los usuarios deben encontrar pares de personajes de Rick and Morty mientras disfrutan de animaciones épicas de portal interdimensional. La implementación incluye autenticación OAuth segura vía Supabase (Google, GitHub), gestión de estado optimizada con Zustand y consumo de la Rick and Morty API. La arquitectura sigue patrones DDD (Domain-Driven Design) con componentes memoizados, lazy loading y React.memo para máximo rendimiento. El proyecto destaca por su cobertura de testing 100% con Vitest + React Testing Library, validando cada funcionalidad crítica. Ideal para demostrar capacidad de construir aplicaciones modernas, escalables y profesionalmente testeadas usando el ecosistema React más actual.
Turnos API
Backend REST · Node + Fastify + PostgreSQL
API REST completa para gestión de turnos y tickets construida con Node.js, Fastify y Sequelize sobre PostgreSQL. El sistema modela tres entidades relacionadas: usuarios, tiendas y tickets, con CRUD completo para cada tabla y relaciones definidas en el ORM (tickets pertenecen a un usuario y a una tienda, con eliminación en cascada). Expone documentación interactiva integrada para explorar y probar cada endpoint. Desplegada en Render, demuestra arquitectura de backend sólida: validación de datos, encriptación de contraseñas con bcrypt, manejo de errores y separación por capas. Un proyecto backend enfocado en diseño de APIs limpias, relacionales y listas para producción.