ignaciojsoler/ecommerce-redux

E-commerce desarrollado con React JS, Redux toolkit, Firebase y TailwindCSS

E-commerce responsive con React JS

¡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/

Características funcionales:

• 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

Instalación:

• Clonar el proyecto
• En la consola, ejecutar el comando npm install
• Ejecutar el comando npm run dev
• ¡Listo!

Tecnologías utilizadas:

• React JS
• React Router
• The Fake Store API
• Axios
• Swiper
• Tailwind CSS
• React content loader
• Sweetalert 2
• Firebase

Imágenes: