Este proyecto de ecommerce es elaborado en React Js. conectado a Firebase / Firestore y tiene las siguientes funcionalidades:
- Es navegable en home y muestra todos los productos disponibles con imagen y nombre.
- También se puede navegar por cada categorias : audios, smartphones, laptops y smartwatches.
- Al navegar por cada producto muestra el detalle: descripción, precio y stock.
- Al seleccionar los productos en comprar se cargará la cantidades de productos en cart.
- Cuando navegamos en cart veremos el detalle de todos los productos seleccionados con el detalle de costo total y cuenta con el botón "checkout" para continuar con la compra. En caso cart no tenga productos, mostrará un mensaje de que no se tiene productos seleccionados.
- Al clickear checkout nos pedirá completar datos : Nombre y Apellido, Email, confirmacion de Email y Número de contacto; y si los datos son correctos según la validación, se activará el botón "finalizar compra".
- Al clickear botón "finalizar compra" nos dará un mensaje con el cógido de orden de compra.
- El stock es manejado por firestore y se actualiza por cada orden de compra realizado.
La librería extra que usé es Material UI : https://material-ui.com/
Para darle estilos con los componentes que tiene la librería como Botones, Inputs, Select, Box, etc. que en mi caso use estilos muy básicos que fueron muy intuitivos al momento aplicarlos. Fue una experiencia muy agradable que poco a poco iré profundizando más en su gran utilidad.
Ver online: https://hrchioest.github.io/react-ecommerce/
Dejo la vista previa de lo logrado:
