Skip to content

rediberry/Coderhouse-ReactJS-final-project-Shopping-cart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Shopping-Cart

Es un carrito de compras hecho con ReactJS para el curso de Coderhouse

Check the certificate on the Coderhouse page

Que utilicé:

  • React
  • React Hooks
  • Libraries (Styled-Components, Reactstrap, React-Icons, React Router)
  • HTML5/CSS3
  • Javascript
  • Firebase/Firestore Database (Para cargar los productos a la app y almacenar las órdenes, imágenes)
  • Zapier (Integación con Firestore para enviar un mail automaticamente luego de completar el checkout)

Funcionalidades:

  • Navegar por el home y ver todos los productos
  • Ingresar al detalle de cada producto.
  • Agregar y quitar productos al carrito.
  • Ingresar al carrito para ver el total de items y eliminar items.
  • Completar el checkout para recibir el código de la compra por e-mail (Para esta demo el checlout es un simple form).
  • Para esta versión no se utilizó local storage por lo tanto el carrito no es persistente.
  • Para esta versión falta la optimización para ser 100% responsive.

Para ver el proyecto:

App

Para ver demo del proyecto:

https://loom.com/share/628b81d06ee646f09e7dbe1f5bf7ba67

Para poder clonar y usar el proyecto

Seguir los siguientes pasos:

  • Clonar el repositorio de GitHub:

    git clone https://github.com/rediberry/Coderhouse-ReactJS-final-project-Shopping-cart.git
  • cd dentro del directorio de la carpeta:

    cd Coderhouse-ReactJS-final-project-Shopping-cart
  • Instala las dependencias.

    npm install
  • Para correr el proyecto:

    npm run dev

PS:

Changas fue un proyecto real, que desde 2010 a 2013 emprendimos junto con 3 amigos.