gonzapala / wellcommerce-palavecino

Entregables para curso de React de Coderhouse

Home Page:wellcommerce.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Wellcommerce

Tienda online creada con react

Build Status

Wellcommerce es una tienda online creada con la popular librería Javascript, React✨

Agregar productos al carrito: navegacion_ecommerce_1

Ir al carrito y finalizar compra: navegacion_ecommerce_2

Features

  • Selecciona productos con su cantidad y puedes agregalos a un carrito de compras.
  • Incluye filtros por categorías de productos.
  • El carrito cuenta con una tabla donde se puede ver el resumen del mismo y el monto total.
  • Antes de finalizar la compra el sistema le solicitará al usuario ingresar tus datos personales: Nombre, Telefono, Correo y dirección.
  • Los campos del formulario se validan antes de finalizar la compra.
  • Selecctor de métodos de pago: "Efectivo", "Tarjeta de débito", "Tarjeta de crédito".
  • El usuario tiene la opción de elegir entre retirar el pedido del local o pedir que se lo envía a su dirección.
  • Es responsive, se adapta a pantallas grandes como a smartphones.
  • Utiliza una API basada en firebase: con las colecciones "categorias", "productos" y "ordenes".

Productos

Los productos cuentan con los siguientes features:

  • Nombre y descripción.
  • Imagen.
  • Talle.
  • Categoría.
  • Descuento.
  • Precio y precio con descuento aplicado.
  • Cantidad de Stock.
  • Indicador cuando el sotck del mismo es menor a 5.

Tech

Wellcomerce usa las siguientes librerías opensource:

  • [ReactJS] - HTML enhanced for web apps!
  • [Bootstrap CSS] - Propociona el sistema para que la app sea responsive y los estilos de textos, botones, cards y formularios.
  • [Material-ui/material icons] - Se usan los íconos de esta librería.
  • [Firebase] - La tienda se conecta a un API basada en firebase.

Wllcommerce es open source y tiene n repositorio público en GitHub: https://github.com/gonzapala/wellcommerce-palavecino

Instalación

Wellcommerce requiere Node.js v10+

Para clonar el proyecto utilizar:

git clone git@github.com:gonzapala/wellcommerce-palavecino.git

Instalar el proyecto y sus dependencias

npm i

Correr el proyecto con el comando

npm start

Para crear un build para producción:

npm run build

License

MIT

Free Software, Hell Yeah!

About

Entregables para curso de React de Coderhouse

wellcommerce.vercel.app


Languages

Language:JavaScript 79.1%Language:CSS 17.8%Language:HTML 3.1%