Skip to content

e-commerce project for the Jóvenes a Programar curriculum, made with JavaScipt, CSS, HTML, Bootstrap, and Sass.

Notifications You must be signed in to change notification settings

elios11/e-commerce_jap

Repository files navigation

e-commerce_jap

Esta página web fue hecha enteramente con propósitos de proyecto, y no representa funcionalidades de un e-commerce real.

Proyecto de e-commerce para el programa de Desarrollo Web de Jóvenes a Programar.

Tecnologías utilizadas:

  • JavaScript
  • HTML
  • CSS
  • Bootstrap
  • Sass

Secciones del sitio

Inicio de sesión y portada

Página de inicio de sesión con posibilidad de inicio con cuenta de Google.

Página de inicio de sesión

Página de portada



Categorías y productos

Navegá entre las distintas categorías y productos que ofrece el e-commerce, y si alguno te interesa lo podés agregar al carrito de compras.

Categorías

Productos

Información de producto



Venta de productos

Agregá el producto que quieras a la lista de productos actual (funcionalidad no desarrollada).

Venta de productos



Carrito de compras

Agregá productos al carrito de compras y configurá tus datos de envío.

Carrito de compras



Perfil de usuario

Guardá tus datos de usuario vinculados al correo electrónico que utilizaste para ingresar al sitio.

Perfil de usuario



Funcionalidades

Opiniones de producto

Dentro de la información de cada producto, tendrás la posibilidad de dejar una reseña del mismo si ya has iniciado sesión en el sitio.

Opiniones de producto



Métodos de pago

A la hora de finalizar la compra, tendrás que otorgar tus detalles de envío, y tu método de pago, el cual podrá ser elegido entre transferencia bancaria o tarjeta de crédito/débito.

Métodos de pago



Modo oscuro

Con el fin de otorgar una mejor experiencia a los usuarios nocturnos, se implementó la posibilidad de utilizar el modo oscuro.

Página de inicio de sesión en modo oscuro

Portada en modo oscuro

Información de producto en modo oscuro

Carrito de compras en modo oscuro

Perfil de usuario en modo oscuro



Adaptabilidad a pantallas pequeñas

También podrás ingresar al sitio desde tu celular y utilizar la página cómodamente.

Portada de página en dispositivo móvil

Información de producto en dispositivo móvil

Carrito de compra en dispositivo móvil

Perfil de usuario en dispositivo móvil



Eliminar cuenta

Tendrás la posibilidad de eliminar tus datos almacenados en la página.

Sección de eliminar cuenta



Api utilizada para este proyecto

https://japceibal.github.io/emercado-api/

Api endpoints

  • Categorías: cats/cat.json

  • Productos: cats_products/[id_de_categoria].json

  • Información de producto: products/[id_de_producto].json

  • Comentarios de producto: products_comments/[id_de_producto].json

About

e-commerce project for the Jóvenes a Programar curriculum, made with JavaScipt, CSS, HTML, Bootstrap, and Sass.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published