TesloShop (React)
Sobre el Proyecto
Aplicación de comercio electrónico desarrollada con React, que consume la API del e‑commerce y replica las funcionalidades de un proyecto anterior hecho en Angular, pero con un stack moderno basado en React puro.
Desafío: Quería aprender React y practicar las mismas ideas del e‑commerce que hice en Angular anteriormente, pero aplicadas con librerías y patrones propios del ecosistema React.
Solución: Construido con React puro, usando TanStack Query para manejar estado asincrónico y sincronizar filtros con la URL. Zustand se utilizó para el estado global de la aplicación. shadcn/ui y Tailwind CSS aportaron una interfaz moderna y consistente. El dashboard protegido por rol de admin demuestra la integración de lógica de acceso en el frontend.
Puedes explorar el panel de administrador con las credenciales: admin@admin.com | Admin123
Funcionalidades Clave
Carrito de compras en tiempo real
Login funcional y sistema de favoritos
Visualización de órdenes compradas con detalle
Filtros avanzados de productos (precio, tipo, talla, género, búsqueda y ordenamiento)
Dashboard de administración protegido por rol
Panel de productos con lista y creación de nuevos ítems
Capturas del Proyecto
Profundiza en este Proyecto
¿Quieres conocer el proceso completo detrás de este proyecto? Te cuento todos los desafíos técnicos y lecciones aprendidas.