Portafolio

¿En qué consiste este CRUD?

CRUD Academia 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 está realizado en base a una academia cualquiera, en donde el usuario podrá agregar actividades, instructores y los clientes, asi como modificarlos y finalmente eliminarlos.

Descargar Proyecto Descargar Base de Datos

Diagrama de Base de Datos

Este diagrama consiste en un total de 4 tablas, las cuales son: actividades, deportista, grupos, instructor.

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 appAcademia y posteriormente se colocara el comando ng serve --open.

Manejo del Programa

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

Lista

Para poder visualizar los registros insertados podrá visualizarlos por apartado o por grupo de actividades.