Este repositorio contiene el proyecto desarrollado durante el curso de React JS en CoderHouse.
El proyecto consiste en un ecommerce en la cual se puede filtrar los productos en 2 categorias principales (ales y lagers) y acceder al detalle de cada producto. Es posible agregarlos al carrito y luego complementar el formulario de solicitacion de compra, generando un ID de compra al final del proceso.
Toda la base de datos de productos, estan almancedos en Firebase.
El proyecto se encuentra con el deploy realizado y su acceso puede ser realizado a traves de la url: https://eita-club-cerveza.web.app/
Si preferís correrlo de manera local, seguí los siguientes pasos:
- Descargá el proyecto de este repositorio.
- Abrí el directorio del proyecto en tu editor de código favorito.
- Corré el comando npm start.
- Abrí http://localhost:3000 para verlo en tu navegador.
- [Boostrap] (https://getbootstrap.com/): Librería que provee componentes de Bootstrap. En este proyecto, utilizada (entre otro lugares) en la Navbar y las card de producto. Añadido a traves de CDN.
- React-icons: Librería utilizada para añadir íconos. En este proyecto, utilizada para el ícono de Cart y en la página de contacto. Añadilo a tu proyecto con npm install react-icons.
- [Firebase] (https://firebase.google.com/):
- [React] (https://es.reactjs.org/): Framework FrontEnd.
- React-router-dom: Paquete para implementar routing dinámico en una web app. En este proyecto, utilizado para el routing. Añadilo a tu proyecto con npm add react-router-dom.
- SweetAlert: Librerías utilizadas para añadir alertas personalizadas. En este proyecto, utilizadas para avisar al usuario cuando intenta realizar una compra inválida (pedido mayor al stock, menor que 1, etcétera). Añadilas a tu proyecto con npm install sweetalert.
Contactame a traves de: mouralago@live.com