Bebidas Router Dom.
El Desafío
El objetivo era demostrar una Single Page Application con ruteo dinámico, consumo de APIs externas y manejo de favoritos sin backend propio.
Arquitectura y Solución
Integración asíncrona con la API TheCocktailDB utilizando manejo de errores avanzado.
Gestión de estado global con Zustand para una experiencia de usuario sin recargas.
Validación de esquemas de datos con Zod para asegurar la integridad de la información.
Sistema de persistencia en LocalStorage para guardar recetas favoritas del usuario.
Diseño responsivo optimizado para uso tipo app en dispositivos móviles.
Resultados Clave
ImpactoLa arquitectura permite añadir nuevas fuentes de datos con bajo acoplamiento.
ClaridadLa navegación entre recetas y favoritos se mantiene fluida mediante React Router.
- La arquitectura permite añadir nuevas fuentes de datos con bajo acoplamiento.
- La navegación entre recetas y favoritos se mantiene fluida mediante React Router.
- El código queda modular y testeable para seguir incorporando funcionalidades.
- La experiencia de usuario ofrece carga progresiva y feedback claro ante errores de API.
#TypeScript#Zustand#Zod#API Rest