MiniShop — Carrito React

MiniShop es una aplicación e-commerce desarrollada con React, React Router y TailwindCSS. Implementa un flujo completo de carrito y checkout, con almacenamiento persistente en localStorage y componentes reutilizables.

carrito-react/
├── public/
├── src/
│   ├── assets/
│   ├── components/
│   │   ├── Header.jsx
│   │   ├── ProductCard.jsx
│   │   └── Toast.jsx
│   ├── pages/
│   │   ├── Home.jsx
│   │   ├── Cart.jsx
│   │   └── Checkout.jsx
│   ├── App.jsx
│   ├── App.css
│   ├── index.css
│   └── main.jsx
├── index.html
├── vite.config.js
└── README.md

• React — para la interfaz y estado.
• React Router DOM — para la navegación entre páginas (Home, Cart, Checkout).
• TailwindCSS — estilos rápidos y responsivos.
• Lucide Icons — íconos SVG ligeros desde CDN.
• localStorage — persistencia del carrito.

• Catálogo de productos con tarjetas visuales (ProductCard.jsx).
• Carrito funcional con agregados, eliminación y total dinámico.
• Checkout con formulario de facturación y confirmación visual del pedido.
• Persistencia en localStorage para conservar el carrito.
• Diseño limpio con esquema 60%/40% para Checkout, tipo WooCommerce.

Se trabajó una interfaz clara, minimalista y responsiva, con bordes redondeados, tipografía Figtree y colores neutros. Se evitaron sombras para un look más plano y profesional.

Este proyecto refuerza el manejo de rutas y estados en React, el diseño modular de componentes, y el uso de TailwindCSS para construir interfaces profesionales y optimizadas.