tienda-React

Tienda e-Commerce para Lácteos Ponteclé.

Profesor Cristian Ortiz

Proyecto React Comisión 34685

CoderHouse

https://user-images.githubusercontent.com/101149333/189443534-33798fc8-5565-4ab1-8104-c9e2326e83aa.mp4

Deploy App: https://tienda-react-xi.vercel.app/

This project was bootstrapped with Create React App.

Este proyecto se une a uno anterior, realizado durante el curso de Desarrollo Web; allí creamos un sitio web responsive. Ahora con React, creamos una SPA, donde la parte lógica se podría reutilizar para aplicarla en el sitio anterior.

Los productos usados antes, ahora se verán como componentes, por lo cual de seguro cambiaremos su aspecto y estilo. Intentaremos así marcar un poco más la diferencia de un proyecto al otro.

Dentro de este proyecto encontrará:

• Creación de componentes.

• Creación de funciones para que los productos se muestren de manera dinámica.

• Creación el routing y navegación para mayor efectividad y velocidad en la creación de los componentes.

• Conexión a Firebase, trafico de datos(simulación compra, envíos)

También podrá :

• Filtrar u Ordenar productos según categoría.

• Interactuar con cada producto y verlo en detalle.

• Ver los productos agregados en la ruta /cart con su respectiva cantidad.

• Agregar la cantidad de productos deseados al carrito de compras.

• Eliminar los productos del carrito de compras

• Finalizar la compra y obtener el ID de esta.

Scripts Disponibles

Para poner este proyecto en marcha, deberia clonar el repositorio en su pc y posteriormente correr el comando para instalar las dependencias. utilice:

npm install

para ejecutarlo use el comando:

npm start

Esto va a correr el proyecto en modo desarrollo abriendolo en http://localhost:3000 en su navegador predeterminado

Para poner en produccion este proyecto correr el siguiente comando

npm run build

Este pondra el proyecto en produccion en la carpeta build \

Clonar el proyecto en tu equipo

1- Crear una carpeta en donde va a ser alojado el proyecto.

2- verificar que git esta instalado, ejecuntando el siguiente comando:

git –version

3- clonar el proyecto del repositorio de github con el siguiente comando:

gh repo clone SebaGimenezOk/tienda-React

posicionarse en la carpeta y ejecutar

Importante:

Dependencias Utilizadas:

• Font Awesome
• Material UI
• React Bootstrap
• React Router Dom
• Toastify
• Vercel

Todas esta librerías se encuentran en el package.json por lo que al ejecutar el script

npm install

se instalarán automáticamente.