# Agenda de Contactos

- Proyecto desarrollado en Java Web con BD en MySQL usando bootstrap y [datatables](https://www.datatables.net/ "datatables");
- Contiene un login y se usan session para obtener el nombre del usuario logeado
- Contiene una tabla que lista a todos los contactos en la BD
> Se usó eclipse y HeidiSQL

Todo empieza con el login, el cuál valida el usuario y clave de la base de datos en mysql.
![](https://raw.githubusercontent.com/sgcm14/agenda/master/doc/index.png)
> Pantalla de **Login**

Al logearse satisfactoriamente, se muestra la lista de contactos que está en la base de datos en mysql; también se muestra en la parte superior derecha el nombre del usuario logeado y te da la opción de "cerrar sesión".
![](https://raw.githubusercontent.com/sgcm14/agenda/master/doc/lista_contactos.png)
> Pantalla de **Lista Contactos**

Al hacer click en "editar" te muestra un formulario dónde puedes  modificar los valores mostrados y a su vez actualizaría éstos datos en la base de datos.
![](https://raw.githubusercontent.com/sgcm14/agenda/master/doc/modificar_contacto.png)
> Pantalla de **Modificar Contacto**

Al actualizar los datos de un registro se mostrará un mensaje de "Contacto actualizado correctamente"
![](https://raw.githubusercontent.com/sgcm14/agenda/master/doc/lista_contactos-actualizado.png)
> Pantalla de **Lista Contactos**

Al hacer click en "Nuevo Contacto" te muestra un formulario dónde puedes agregar un nuevo registro y éste se guardará en la base de datos también.
![](https://raw.githubusercontent.com/sgcm14/agenda/master/doc/agregar_contacto.png)
> Pantalla de **Registrar Contacto**

Al agregar un registro se mostrará un mensaje de "Contacto añadido correctamente"
![](https://raw.githubusercontent.com/sgcm14/agenda/master/doc/lista_contactos-agregado.png)
> Pantalla de **Lista Contactos**

Al hacer click en "Eliminar" se muestr un mensaje de confirmación como validación de que eliminará el registro seleccionado.
![](https://raw.githubusercontent.com/sgcm14/agenda/master/doc/eliminar_contactos.png)
> Pantalla de **Lista Contactos**

Al eliminar un registro se mostrará un mensaje de "Contacto eliminado correctamente"
![](https://raw.githubusercontent.com/sgcm14/agenda/master/doc/lista_contactos-eliminado.png)
> Pantalla de **Lista Contactos**

Al hacer click en las flechas al costado de los nombres del menu, se puede ordenar los registros.
![](https://raw.githubusercontent.com/sgcm14/agenda/master/doc/lista_contactos_ordenado.png)
> Pantalla de **Lista Contactos**

Al escribir una palabra en "Buscar", éste te filtra los registros de acuerdo a lo escrito.
![](https://raw.githubusercontent.com/sgcm14/agenda/master/doc/lista_contactos-busqueda.png)
> Pantalla de **Lista Contactos**

**Realizado por :** Sammy Gigi Cantoral Montejo (sgcm14)

<img src ="https://raw.githubusercontent.com/sgcm14/sgcm14/main/sammy.jpg" width="200">
