El proyecto es una tienda virtual desarrollada utilizando Angular y Angular Material. La tienda virtual permite a los usuarios ver una lista de productos, ver detalles de productos individuales, agregar productos al carrito de compras y proceder al proceso de pago. Para el backend se Utilizo al siguinte API https://fakestoreapi.com/
Características principales del proyecto:
1.Vista de Lista de Productos: Los usuarios pueden ver una lista de productos disponibles en la tienda. Cada producto se muestra con su imagen, título, categoría y precio. Hay un botón "Agregar al Carrito" que permite agregar el producto seleccionado al carrito de compras.
2.Vista de Detalle de Producto: Al hacer clic en un producto en la lista, los usuarios pueden ver los detalles completos del producto, incluida una descripción más detallada y la opción de seleccionar la cantidad deseada. También pueden agregar el producto al carrito desde esta vista.
3.Carrito de Compras: El carrito de compras muestra los productos que el usuario ha agregado. Cada producto en el carrito se muestra con su imagen, título, precio y la cantidad seleccionada. Los usuarios pueden ajustar la cantidad o eliminar productos individualmente.
4.Total del Carrito: En el carrito de compras, se muestra el total acumulado de los precios de los productos seleccionados.
5.Proceso de Pago: Los usuarios pueden proceder al proceso de pago desde el carrito de compras. Al hacer clic en un botón "Proceder al Pago", se muestra un mensaje de confirmación indicando que la compra ha sido exitosa.
El proyecto utiliza Angular Material para mantener un diseño y estilo coherentes siguiendo las pautas de Material Design. Además, se han implementado funcionalidades para agregar, actualizar y eliminar productos del carrito, así como para calcular el total del carrito.
El objetivo del proyecto es proporcionar una experiencia de usuario intuitiva y fluida al interactuar con la tienda virtual, permitiendo a los usuarios navegar por los productos, agregar elementos al carrito y realizar un proceso de pago simulado.
- Node.js: v18.16.1
- Angular CLI: v 16.2.0.
- Clonar el repositorio:
`https://github.com/ErlanShen/E-commerce.git`
1.Navegar al directorio del proyecto:
`cd nombre-del-proyecto`
2.Instalar las dependencias:
Run `npm install --save`
##Uso
Ejecutar el servidor de desarrollo:
Run `ng serve`
## Development server
Versiones
- Node.js: v18.16.1
- Angular CLI: v 16.2.0.