¡Hola! Este es un e-commerce responsive que desarrollé con React JS, Redux, Firebase y Tailwind.
Podes visitar el sitio web haciendo click aquí: https://ignaciojsoler.github.io/ecommerce-redux/
- El usuario accede a un catálogo de productos cargados a través de la API de Fake Store. Los productos pueden filtrarse a través de las categorías disponibles.
- Es posible registrarse e iniciar sesión a través de las secciones Login y Register. Sus componentes funcionan con la autenticación de Firebase.
- Una vez que el usuario está logueado, puede agregar productos al carrito. Si el usuario no está logueado e intenta agregar productos al carrito será redireccionado a la página de iniciar sesión.
- La sección Cart, desarrollada gracias a Redux toolkit, muestra todos los productos agregados y calcula el total de dinero que debería pagarse. El usuario puede agregar varias unidades de un mismo producto en esta sección
- Al confirmar la compra de los productos en el carrito, este volverá a estar vacía y se dará la opción al usuario de seguir navegando entre los productos.
- Sitio web 100% responsive
- Clonar el proyecto
- En la consola, ejecutar el comando npm install
- Ejecutar el comando npm run dev
- ¡Listo!
- React JS
- React Router
- The Fake Store API
- Axios
- Swiper
- Tailwind CSS
- React content loader
- Sweetalert 2
- Firebase