Mis Proyectos
El código en acción. Aquí presento una selección de los proyectos en los que he trabajado, desde prácticas universitarias hasta soluciones freelance.
En Forma Gym
Proyecto Profesional
Desarrollo end-to-end de una plataforma web moderna y de alto rendimiento diseñada para la administración y promoción del gimnasio 'En Forma Gym'. El sistema consta de una landing page pública interactiva optimizada para conversión en modo oscuro nativo, equipada con un cronograma semanal interactivo de clases y disciplinas autogestionable, una pasarela de contacto ágil y una integración dinámica con la API oficial de Instagram para la visualización del feed social en tiempo real. En el backend, incorpora un panel administrativo premium y seguro con control de acceso basado en roles (RBAC) y autenticación mediante JWT (JSON Web Tokens). A través de este panel, los administradores pueden gestionar dinámicamente servicios, horarios de clases complejos por categorías y configurar información de la presencia digital de forma segura, incluyendo el cifrado robusto de tokens de acceso externos en la base de datos.
Tecnologías Usadas:
Vite
React 19
TypeScript
Node.js
Express
Prisma ORM
MySQL
Tailwind CSS v4
TanStack React Query v5
React Router DOM v7
React Hook Form
Zod
JSON Web Token (JWT)
Bcrypt.js
Cookie Parser
Axios
Radix UI Primitives
Lucide React
Sonner (Toasts)
Crypto (AES-256-CBC)
Ver proyecto en vivo
Código Privado (Cliente)
Asociación Científico Académica para la Salud Argentina - A.C.A.S.A
Proyecto Profesional
Plataforma institucional de alto rendimiento y sistema integral de gestión administrativa (ERP/CMS) diseñada para la Asociación Científico Académica para la Salud Argentina (A.C.A.S.A.). El proyecto consistió en el desarrollo end-to-end de una web pública interactiva combinada con un robusto panel de control de accesos restringidos por roles (RBAC). Cuenta con un sistema de pre-inscripción inteligente de múltiples pasos con validación estricta en tiempo real, carga y procesamiento automatizado de currículums (CVs) alojados en la nube, y un motor analítico con gráficos interactivos. Además, incorpora utilidades corporativas avanzadas como exportación dinámica de reportes de asociados a formatos de hoja de cálculo de nivel profesional (Excel) y gestión tarifaria flexible e interactiva integrada directamente a las bases de datos.
Tecnologías Usadas:
Next.js 16 (App Router)
React 19
TypeScript
Prisma ORM
MySQL
NextAuth.js
Tailwind CSS
Supabase (Storage)
Cloudinary
React Hook Form
Zod
ExcelJS
XLSX
Nodemailer
Recharts
Radix UI
Sonner
Lucide React
Bcrypt.js
Ver proyecto en vivo
Código Privado (Cliente)
Sabiduría Digital
Proyecto Educativo Grupal
Desarrollo de un sitio web informativo centrado en la educación y alfabetización tecnológica. El reto principal fue crear una interfaz de usuario (UI) limpia, intuitiva y 100% responsive, asegurando que el mensaje principal fuera claro y accesible para todos los usuarios. Como Desarrollador Front-End, fui responsable de la maquetación completa del sitio, desde la conceptualización del diseño (UI/UX) hasta la implementación del código, optimizando los tiempos de carga y asegurando la compatibilidad entre navegadores.
Tecnologías Usadas:
HTML5
CSS3
Bootstrap
JavaScript
Dragon Ball Data
Proyecto Personal
Una plataforma interactiva y de alto rendimiento diseñada para explorar el vasto universo de Dragon Ball. Este proyecto consume una API pública para ofrecer una experiencia de usuario fluida y dinámica, permitiendo descubrir personajes, sus transformaciones, niveles de poder y planetas de origen. La aplicación utiliza las últimas capacidades de Next.js, incluyendo Server Components para una carga optimizada y Route Handlers para la gestión eficiente de datos. El diseño se centra en la legibilidad y el impacto visual, utilizando una arquitectura de componentes modulares y un sistema de filtrado avanzado (por raza y nombre) que mejora la navegabilidad. Es un ejemplo de cómo integrar APIs de terceros con tipado estricto en TypeScript y una interfaz moderna impulsada por Shadcn/UI.
Tecnologías Usadas:
Next.js
React
TypeScript
Tailwind CSS
Shadcn/UI
Radix UI
Lucide React
Zod
Embla Carousel
React Hook Form
Dragon Ball API