Frontend de la aplicación que permite realizar ventas online y implementa un carrito de compras utilizando Angular para el frontend y Java para el backend.
El objetivo principal de este proyecto es implementar un sistema de carrito de compras completamente funcional, que permita a los usuarios crear productos, eliminar productos, agregar productos a su carrito, modificar o eliminar su carrito, crear un nuevo carrito y completar compras en línea sin inconvenientes.
- Angular 18.2.7
- Node.js 20.17
- Vite: para realizar la construcion del proyecto.
- Angular Material: para crear componentes de la interfaz de usuario.
- HttpClient: para realizar peticiones HTTP y interactuar con servidores para obtener o enviar datos.
- Node.js 20.17
- Angular Material
- IDE: Visual Studio Code, Sublime Text, Atom o el IDE de su preferencia.
- Para poder ejecutar el proyecto debes instalar Node.js si no lo tienes instalado, puedes hacerlo desde su web oficial Node.js.
- Si la carpeta
node_modulesexiste en el proyecto debes eliminarla para evitar problemas con las dependencias de Angular.
- Abre la carpeta que contiene el proyecto en el IDE compatible con Angular que utilizes.
- Para que el proyecto se ejecute correctamente es vital instalar las dependencias. Puedes hacerlo desde el IDE o con la terminal del sistema usando el comando
npm install.
- Ejecuta el proyecto con el comando
ng serve --open - Si no hay errores el comando anterior devolvera en la terminal una URL similar a la siguiente http://localhost:4200 que permite ver el proyecto en el navegador.
- Si el proyecto no se visualiza en el navegador con la URL indicada por la terminal, puedes revisar si hay errores utilizando la consola del navegador con el atajo
fn+F12o con la opcion Inspeccionar del navegador.
Estefanía Sassone