Esto es DevCafe☕!

Este proyecto de ReactJS que desarrolle es un E-comerce ( “DevCafe”) donde podemos observar los productos que se ofrecen y su stock.Tambien podemos agregar productos al carrito y ver la cantidad con el total de nuestra compra. Para terminar la compra deberemos completar un formulario.

El proyecto fue realizado con ReactJS y CSS para los estilos. Utilice Firebase como base de datos donde estan los productos con su respectiva infomacion y donde se va a guardar las ordenes generadas con la informacion de los compradores. Para la creacion de las URLS y navegacion de las mismas utilizamos React Router Dom.

Funcionamiento de cada componente:

-Navbar: Es la barra de navegacion de nuestra pagina.

-CartWidget : Es el carrito de nuestra pagina. Donde se almacenan los productos seleccionados y sus cantidades.

-Checkout: nos permite ingresar nuestros datos al momento de realizar la compra.

-CartItem: nos muestra información sobre nuestra compra.

-CartContainer: nos avisa si agregamos productos, en el caso de que no nos redirecciona al menú.

-Item: Tarjeta del producto.

-ItemCount: Contador que nos permite seleccionar la cantidad que queremos de algun producto.

-ItemDetail: Tarjeta que brinda la informacion detallada del producto.

-ItemDetailContainer: Contenedor de ItemDetail.

-ItemList: Su funcion es transformar la informacion obtenida y sea legible para el elemento Item.

-ItemLisContainer : Contenedor de ItemList.

Correr el Proyecto

Clonar el proyecto

  git clone https://github.com/Federico-Gomez-Ch/React-JS

Ir al directorio del proyecto

  cd React-JS

Instalar dependencias

  npm install

Iniciar el servidor

  npm run start