Sports Store

Descripción

Proyecto Final para el curso de ReactJS de la academia Coder House (2020). La aplicación permite conectarse con un backend realizdo con Firebase. Permite seleccionar ciertos productos, 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:

• Interfaz realizada con ReactJS - Create React App
• Estilos con Bootstrap, Material-UI y preprocesador Sass
• Ruteo con React Router Dom
• Backend con Firebase

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

VIDEO

Hacé click ACA para ver un video de demostración del proceso de compra de la app.