Proyectos
ColegApps - Dashboard Administrativo
Resolví problemas de accesibilidad y escalabilidad visual en la plataforma mediante un escalado dinámico de fuentes, garantizando una experiencia inclusiva para directores con vista restringida. Asimismo, reestructuré y unifiqué componentes globales y flujos basados en roles para eliminar la fragmentación visual y asegurar una consistencia estética y funcional en todo el dashboard.
Asumí la estandarización y refactorización profunda del código base, unificando patrones y nomenclaturas. Al eliminar la redundancia técnica y ordenar la estructura, logré que el equipo y las herramientas de IA trabajaran con mayor fluidez, acelerando el desarrollo de nuevas funcionalidades en un 40% y reduciendo drásticamente el tiempo de revisión.
- Typescript
- Next
- React
Proyecto de Storybook + Vue
Proyecto de laboratorio desarrollado específicamente para aprender y dominar el ecosistema de Storybook. El objetivo principal fue implementar un entorno de desarrollo aislado para construir, visualizar y documentar componentes de UI de forma independiente a la lógica de una aplicación.
Utilicé Vue, TypeScript y Vite como base del entorno, integrando Zod para la validación estructurada de datos. La práctica se centró en probar el control de estados, documentar visualmente las variantes de diseño y crear un flujo de pruebas interactivo para inputs y formularios complejos.
- Storybook
- Vue
- TypeScript
- Zod
- Vite
Landing Solar Energy + Calculadora
Desarrollé este proyecto como una SPA para demostrar de forma práctica mis conocimientos avanzados en el ecosistema Vue aplicados a un entorno real. Construí una interfaz profesional orientada al usuario integrando y configurando herramientas complejas como OpenLayers, Swiper y Vuetify.
Adapté y refactoricé la lógica para hacer funcionar un motor de cotización completamente en el cliente, logrando que el cálculo de precios fuera instantáneo y fluido para los usuarios. Todo esto asegurando una experiencia visual limpia y responsiva en los diferentes componentes de la landing.
- Vue
- Vue-router
- Vuetify
- Pinia
- Open Layer
- I18n
- Swiper
Landing de M&L
Refactoricé por completo el catálogo web de mi tienda online, migrando de JavaScript nativo a un stack moderno con Next.js y TypeScript. Esta transición resolvió la rigidez del código anterior, reduciendo drásticamente los errores y acelerando el tiempo necesario para implementar cualquier actualización en el sitio.
A nivel de rendimiento, implementé generación de sitios estáticos (SSG) para optimizar los tiempos de respuesta mediante caché. Además, rediseñé la interfaz desde cero para lograr una estética profesional y establecí una arquitectura escalable que facilita la rápida integración de nuevas funcionalidades y el monitoreo con Microsoft Clarity.
- Next
- React
- Tailwind
- Typescript