Ludussus es un e-commerce de juegos de mesa usados.
Recomendaciones de usabilidad
- Desde el NavBar puedes:
- Presionando el logo de Ludussus: Explorar el Catálogo de juegos
- Haciendo click en el Menú Dropdown: La sección de Categorías
- Apretando Cart Widget: Puedes ver tu Carros de compras con productos o vacío.
- Clickeando el Botón 'Vaciar carro': Dejarás tu carro sin productos.
- Una vez que presionas el Botón 'Ir al Checkout': Debes llenar un formulario para terminar tu proceso de compra.
- Desde el Catálogo puedes:
- Presionando el Botón 'Ver más detalles': Verás el Detalle de un producto y podrás añadirlos a tu carro de compra.
- Una vez que presionas Agregar: Verás como aparecen los nuevos productos en el Cart Widget.
Las instrucciones para descargar y configurar el proyecto:
git clone https://github.com/cilphi/react
cd react
npm installInstrucciones para contribuir:
- Haz el fork del proyecto
- Crea una branch
- Realiza tus cambios y has un commit
- Sube tu rama
- Abre un pull request
├── node_modules
├── public
├── src
│ ├── assets
│ │ ├── async.js
│ │ ├── carticon.png
│ │ ├── favicon.png
│ │ └── ludussados.png
│ ├── components
│ │ ├── Cart.jsx
│ │ ├── CartContainer.jsx
│ │ ├── CartWidget.jsx
│ │ ├── Checkout.jsx
│ │ ├── EmptyCart.jsx
│ │ ├── Item.jsx
│ │ ├── ItemCount.jsx
│ │ ├── ItemDetail.jsx
│ │ ├── ItemDetailContainer.jsx
│ │ ├── ItemList.jsx
│ │ ├── ItemListContainer.jsx
│ │ ├── NavBar.jsx
│ │ └── NavBarContainer.jsx
│ ├── context
│ │ ├── CartContext.jsx
│ │ └── CartProvider.jsx
│ ├── firebase
│ │ ├── config.js
│ │ └── db.js
│ ├── hooks
│ │ └── useCart.js
│ ├──app
│ ├── NavBarContainer
│ │ └── Navbar
│ │ ├── Catálogo
│ │ ├── Categorías
│ │ └── CartWidget
│ ├── Catálogo
│ ├── Detalle
│ │ └── Agregar al Carro
│ ├── Carro
│ │ │ ├── Eliminar item
│ │ │ └── Vaciar carro
│ └── Checkout
├── main
├── .gitignore
├── eslint.config.js
├── index.html
├── package-lock.json
├── package.json
└── README.mdLa lista de productos fue editada tomando como guía el Repositorio de mertaybat.