Shopi Store
E-commerce · Front-end

Shopi Store

RolDiseño + front-end
Year2023
StackReact · Tailwind · CSS

Una tienda completa con carrito, filtros y flujos de producto.

Contexto

Un proyecto propio para profundizar mis habilidades front-end — específicamente el consumo de APIs REST, la gestión de estado y la lógica del carrito en React. Sin brief de cliente, solo un objetivo claro: construir algo completo, desde cero.

Rol

Me encargué de todo — diseño, arquitectura y desarrollo. El foco estuvo en conectar distintos tipos de endpoints (listado, filtros, producto individual, operaciones del carrito) y persistir el estado del carrito entre sesiones.

Proceso

  • Mapeé todos los tipos de endpoints que necesitaba practicar: listado de productos, filtros por categoría, detalle individual y operaciones del carrito — luego diseñé la UI en torno a esa estructura de datos.
  • Construí un carrito persistente con localStorage: los ítems sobreviven las recargas y el estado se mantiene sincronizado con la UI a través de las navegaciones.
  • Depuré sobre la marcha — condiciones de carrera, estado obsoleto, casos borde en la lógica del carrito. Sin tutoriales; solo leyendo docs, aislando el bug y resolviéndolo.

Resultado

Mi primera app completa que persiste estado a través de una API real. El mayor aprendizaje fue la fluidez que desarrollé con flujos de datos asíncronos, manejo de errores y la disciplina de terminar un proyecto propio de principio a fin.

ReactTailwindCSS