Bulk Web
Proyectos
(05/11)
Web & Fitness
Descripción & Contexto
Plataforma web para crear rutinas de gym y exportarlas a PDF, con un buscador de más de 800 ejercicios.
Armé Bulk App porque las herramientas de entrenamiento que probaba eran lentas y enredadas. Quería un constructor de rutinas fluido y sin fricción, donde armar tu plan fuera fácil de verdad.
Código Privado Ver Demo
/BULK.webp)
Características Clave
-
Buscador Avanzado de Ejercicios
Base de datos con más de 800 movimientos categorizados con sus respectivas instrucciones biomecánicas.
-
Constructor de Rutinas Dinámico
Creación rápida de planes semanales interactivos arrastrando y organizando ejercicios.
-
Exportación Local a PDF
Generación instantánea del documento final sin necesidad de registro ni almacenamiento en el servidor.
-
Videoguías integradas
Un video de técnica por cada ejercicio para entrenar seguro y mejorar la ejecución.
Galería de Capturas
/BULK.1png.webp)
/BULK2.webp)
/BULK3.webp)
Arquitectura del Sistema
Implementé una arquitectura híbrida aprovechando el Astro Island Architecture (Arquitectura de Islas). Las páginas estáticas (fichas técnicas, bases informativas) se pre-renderizan en el servidor para lograr un SEO óptimo y tiempos de carga instantáneos, mientras que el generador de rutinas interactivo funciona como una "isla" reactiva controlada por React en el cliente.
Retos Técnicos & Soluciones
El mayor desafío técnico que enfrenté fue delegar la generación del PDF enteramente al cliente para evitar costos de infraestructura y asegurar privacidad. Optimizar la renderización de tablas complejas, espaciados dinámicos y la carga de imágenes asíncronas en el navegador requirió estructurar un pipeline de renderizado estructurado que no bloqueara el hilo principal de la aplicación.
Stack Tecnológico
- Astro 5
- React
- Tailwind CSS v4
- TypeScript
- @react-pdf/renderer
Ficha Técnica
- Rol
- Arquitectura, Diseño y Desarrollo
- Tipo
- Web & Fitness
- Impacto & Resultados
- Logré una plataforma de carga inmediata (puntuaciones superiores a 95 en Lighthouse para LCP y FCP), reduciendo el proceso de creación y exportación de rutinas a menos de 3 clics y eliminando la necesidad de bases de datos centralizadas de usuario para esta funcionalidad.
- Aprendizajes
- Me quedo con una lección clave: se puede tener una herramienta pesada e interactiva y aun así cargar al instante. Fue mi mejor clase de rendimiento web, hidratando solo lo justo y necesario. <div
- Código
- Código Privado
- Enlace
- mazeta.vercel.app