_App E-commerce desarrollada en React JS, las cards de los productos obtienen la información de una base de datos en Firestore, los productos se pueden agregar desde el listado completo de articulos/categorías (ItemListContainer) o desde el enlace de cada producto individual (ItemDetailContainer), los productos agregados no se repiten en el carrito (as cantidades de los articulos repetidos son acumulativas), indica el total de la compra y al completar el forulario de finalizar compra la orden queda guardada en la base de datos y nos muestra un alert con el total y el ID de la compra. El icono del carrito ademas va sumando la cantidad total de productos durante el proceso.
Estas instrucciones te permitirán obtener una copia del proyecto en funcionamiento en tu máquina local para propósitos de desarrollo y pruebas.
Visual Studio Code
React
NodeJs
Descargar el repositorio Abrir la carpeta en VSC _ Ejecutar el coman $npm i _ _ Ejecutar el coman $npm run dev _
- "@fortawesome/fontawesome-free": "^6.2.1", (Fuentes e Íconos)
- "firebase": "^9.14.0", (Base de datos para almacenar la información)
- "mdb-react-ui-kit": "^5.0.0", (Coleccion de Bootstrap)
- "react": "^18.2.0", (Framework)
- "react-bootstrap": "^2.6.0", (Estilos de diseño usado en Menú, Cards de Productos, Formulario)
- "react-dom": "^18.2.0", (Se usa para representar visualmente nuestra aplicación)
- "react-loading": "^2.0.3", (Loader de espera mientra se termina de cargar la app)
- "react-router-dom": "^6.4.3", (Lo use para definir las rutas de navegación)
- "styled-components": "^5.3.6", (Estilos para componentes)
- "sweetalert2": "^11.6.15" (Alertas !Pop up personalizados y agradables a la vista)
- Visual Studio Code - Plataforma de programación
- ReactJS - Framework Usado
- NodeJs - Entorno de ejecución.
- Martin Exequiel Caló -
Este proyecto está bajo la Licencia (MIT)
- Gracias al Profe y a los Tutores unos CRACKS!! 📢
⌨️ con ❤️ por MartinEexequielCalo 😊