ignaciojsoler / ecommerce-redux

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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:

Captura de pantalla 2022-08-18 - 10 07 54 Captura de pantalla 2022-08-18 - 10 08 04 Captura de pantalla 2022-08-18 - 10 08 12 Captura de pantalla 2022-08-18 - 10 09 44

About

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


Languages

Language:JavaScript 98.6%Language:CSS 0.7%Language:HTML 0.6%