E-Commerce hecho en React-
La Casa del Árbol es un centro cultural, bar y librería que promueve el desarrollo cultural de la escena musical independiente de la Ciudad Autónoma de Buenos Aires, Argentina. Este E-Commerce se crea para la venta de productos que diseña o produce esta institución.
-
Firebase - Esta plataforma se utilizó para almacenar los productos, las categorías y las ordenes de compra una vez que se creen.
-
React Bootstrap Esta librería se utiliza para estilizar el navbar, los items, botones y layout.
-
React Spinners Este elemento se incorpora para los momentos de loading de la app.
-
Sweetalert2 Esta librería se incorpora para las alertas emergentes.
- Un usuario puede ingresar, navegar un listado de productos e ir a sus detalles.
- En su detalle encuentra una descripción, foto y precio y puede agregar los elementos al carrito. Todos los datos provienen de Firebase y están vinculados dinámicamente.
- El usuario puede armar un carrito y luego ir al checkout sabiendo el total de items y el subtotal de la compra.
- El usuario debe ingresar nombre, apellido, teléfono y dos veces email sin lo cual no puede pasar al checkout.
- Al finalizar se guarda una orden con toda esta información en Firebase y se informa al cliente de su número de compra.
Carrito
- Se pueden eliminar los items del carrito individualmente o vaciar el carrito
- El usuario puede ver la vista detallada de un producto y elegir una cantidad de producto
- Si un ítem se queda sin stock, no deja entrar al item para evitar conpflictos.
A continuación los pasos para correr el proyecto:
- Clonar el repositorio
git clone https://github.com/gonzaloccastro/Proyecto_Final_React.git
- Abrirlo en algún editor de código e instalar las dependencias
npm i
- Gonzalo Castro - Programación y redacción - gonzaloccastro