An open API service indexing awesome lists of open source software.

https://github.com/cesar-ignacio/carritocompras

Proyecto-Final-JavaScript
https://github.com/cesar-ignacio/carritocompras

Last synced: about 20 hours ago
JSON representation

Proyecto-Final-JavaScript

Awesome Lists containing this project

README

          

# E-commerce
El proyecto es un simulador de e-commerce, cuenta con un catálogo de productos, un carrito de compras, un login y registro de usuario.
Para la creación del proyecto, se ha implementado varias tecnologías, técnicas y sistemas. Entre ellas, se encuentran: JSON, para guardar y transmitir la información de los productos y usuarios; AJAX, para hacer peticiones al archivo JSON y obtener los datos sin recargar la página; LocalStorage, para guardar los productos, usuarios y el carrito, que se irán creando; SessionStorage, para guardar los datos del usuario logeado; SweetAlert2, para la creación de alertas más estéticas, para confirmar e informar.

## Funcionalidades del proyecto
La página puede tener dos tipos de usuarios (clientes y admintradores).
#### Admin
- Visualizar un panel de control. El administrador tendrá acceso a un panel de control, desde donde podrá gestionar los productos de la página.
Modificar los datos de los productos.
- El administrador podrá editar los datos de los productos existentes, como el nombre, la descripción, el precio, el stock.
- Visualización de producto. El administrador podrá indicar si el producto será visible para el cliente o no, marcando una casilla de verificación en el panel de control. Esto le permitirá ocultar los productos que no quiera mostrar o que estén agotados
- Crear un nuevo producto. El administrador podrá añadir nuevos productos, introduciendo los datos correspondientes y subiendo una imagen.
#### Cliente
- Registrarse y crear un usuario. Los clientes deben completar un formulario con sus datos personales y seleccionar una imagen de perfil.
- Ver el catálogo de productos y comprar el producto que elija. Los clientes pueden ver el catálogo de productos, que cuenta con un buscador y que además, se pueden filtrar por categorías y marcas. Los clientes pueden añadir los productos que deseen al carrito de compras.
- Ver y modificar el carrito de compras. Los clientes pueden ver el detalle y el total de la compra. También, modificar el carrito de compras, eliminando o cambiando la cantidad de los productos, vaciando el carrito o procediendo al pago.
- Cerrar sesión e iniciar sesión nuevamente. Los clientes pueden cerrar sesión en cualquier momento y volver a iniciar sesión con su correo y contraseña."

## Datos de prueba

| Usuario | Contraseña |
| --------- | -----:|
| admin | admin |
| Cesar | 123 |
| Beto | 147 |

## Vista de página
![Productos - Google Chrome 2023-12-03 21-00-49](https://github.com/Cesar-Ignacio/CarritoCompras/assets/73149891/bd02b7fe-7c20-4f80-a5e2-b0bf0af5a7a5)