iJac IT Solutions

Descripción

Proyecto Final para el curso de ReactJS de la academia Coder House (2021 - Camada 19780). La aplicación se conecta a un backend realizado con Firebase. Permite seleccionar ciertos productos informáticos, navegar a sus detalles, agregarlos al carrito, poder acceder a él, simular la compra de los productos. Al clickear sobre el botón "realizar compra", pide llenar un formulario con datos básicos y, luego de confirmar, se genera un id de orden para el usuario y en firebase se guarda la orden con los productos que compró.

Tecnologías y librerías utilizadas:

• Interfaz realizada con ReactJS V17.0.2 - Create React App
• Estilos con React Bootstrap V2.0.2, Material-UI Core V4.12.3 y preprocesador Node Sass V6.0.1
• Ruteo con React Router Dom V6.2.1
• Backend con Firebase V9.6.1

Descargar y correr el proyecto

Una vez clonado o descargado el proyecto, instalar dependencias:

npm install

Correr el servidor:

npm start

Se abre una pestaña del navegador en el puerto 3000:

Sino copiar esta URL y pegarla en el navegador: http://localhost:3000

Backend

Recordar que tiene un backend realizado con Firebase, por si quieren descargar y correr este proyecto, tienen que generar su backend en firebase sino local con data fake. En el archivo .env.example estan las variables que deben ir para poder llenarlas con sus datos de Firebase.

Estructura

ScreenShots

Menú Principal

Detalle del Producto

Carrito

Formulario de orden

Orden satisfactoria

Prueba de actualización de Stock

VIDEO simulación compra

https://res.cloudinary.com/ijac-it-solutions/video/upload/v1641842306/screenshots%20ecommerce/videoEcommerce_hzr04f.mp4