Portafolio

¿En qué consiste este CRUD?

CRUD Tienda Angular

Para la realización de este CRUD se utilizaron los siguientes frameworks: Angular, TypeScript y Node JS asi como el gestor de bases de datos MySQL.

Este CRUD esta realizado en base a una tienda cualquiera, en donde el usuario podrá agregar productos del mismo, asi como modificarlos y finalmente eliminarlos.

Descargar Proyecto Descargar Base de Datos

Diagrama de Base de Datos

Este diagrama consiste en un total de 1 tabla, la cual es: Producto.

Diagrama

Compilado

Para poder compilar este proyecto, primero deberás contar con Visual Studio Code, asi como un gestor de bases de Datos.

Primero se deberá modificar el Archivo de data que se encuentra en la carpeta de Servidor.


Ahora para poder compilar el proyecto, se deben abrir 3 terminales, en el primer terminal se accederá a la carpeta Servidor y posteriormente se colocará el comando npm run build.


En la segunda terminal se accederá a la carpeta Servidor y posteriormente se colocará el comando npm run dev.


En la última terminal se accederá a la carpeta appTienda y posteriormente se colocara el comando ng serve --open.

Manejo del Programa

Para poder insertar registros, se podrá dirigir a la pestaña Agregar Producto y una vez que haya terminado de llenar los campos le dará en Aceptar.

Lista

Para poder visualizar los registros insertados se dirigirá a la pestaña de Productos.