Frontend de un ecommerce de libros, desarrollado durante el curso de React JS en Coderhouse.
Versión en vivo Aquí
Este proyecto fue maquetado con Create React App.
- Clonar el repositorio.
- Utilizar
npm installen el directorio raiz. - Luego
npm start.
- React router dom
- Material UI
- Material icons
- Styled components
- Firebase
- Formik
- React spinners
El sitio posee un inicio, categorías y un carrito de compras.
En el inicio se visualizan todos los productos disponibles.
Al seleccionar una categoría se solicita el contenido filtrado a Firebase para luego renderizarlo dentro de un contenedor.
Al seleccionar un producto este es renderizado dentro de un contenedor con sus detalles. Desde aquí es posible añadirlo al carrito de compras.
Al entrar al carrito de compras, si este se encuentra vacío muestra un mensaje y permite redirigir hacia los productos. En caso de haber seleccionado productos, permite rellenar un formulario para obtener los datos: Nombre y apellido, dirección, email y teléfono de contacto. Luego de finalizado el proceso de compra se muestra el ID de la orden de compra.
Este trabajo fue desarrollado por @zeo-return-null durante el curso de React JS dictado por @alejandromoises02, profesor de Coderhouse.