Título del proyecto

Aplicación de CRUD para la gestión de los integrantes de una fraternidad.

Descripción

Este proyecto proporciona una interfaz web para gestionar los datos de los integarntes de una fraternidad, aplicando el CRUD (Create/Crear, Read/Leer, Update/Actualizar y Delete/Borrar).

Empezando 🚀

Estas instrucciones te permitirán obtener una copia del proyecto en funcionamiento en tu máquina local para propósitos de desarrollo y pruebas.

Requisitos Previos 📋

• Node.js instalado en tu máquina.

Instalación 🔧

Para comenzar con el proyecto, sigue los siguientes pasos:

1. Clonar el repositorio:

git clone https://github.com/Wilder-Aguilar/crud-tobasYara.git
cd crud-tobasYara

2. Instalar las dependencias:

npm install

3. Iniciar el servidor json-server:

npm run api

Esto iniciará un servidor en tu localhost que servirá como nuestra API fake.

4. Abrir el archivo index.html: ⚙️

Puedes abrir index.html en tu navegador para ver la aplicación en funcionamiento.

Imágenes de la Web 🌅

La pantalla principal tiene el siguiente aspecto:

Como se puede apreciar se cuenta con lo siguiente:

-C (CREATE): Un boton para agregar la información de un nuevo miembro de la fraternidad a través de un formulario modal.

-R (READ): La visualización de todos los miembros de la fraternidad en una tabla.

-U (UPDATE): Un boton que permite la modificación de los datos de un miembro existente.

-D (DELETE): Un boton que permite la eliminación de la información de un miembro de la fraternidad.

El boton agregar despliega el siguiente formulario:

y el icono de editar despliega el siguiente formulario:

En el siguiente video se puede ver el funcionamiento:

EJEMPLO.DE.APLICACION.1.mp4

💻 Tecnologías empleadas 🛠️

Crea la estructura básica de la página, incluyendo formularios y botones.

Estiliza la página para que sea visualmente atractiva y fácil de usar.

Captura los eventos del usuario, modifica el contenido de la página HTML para mostrar o actualizar datos (Manipulación del DOM); envía solicitudes al servidor para crear, leer, actualizar o eliminar datos y muestra los resultados de las operaciones del servidor en la página.

🔮 Mirando al futuro

Todo proyecto requiere de mejoras, se tiene identificada la inclusión de fotografías de los componentes de la fraternidad; esto permitirá crear perfiles más completos y personalizables. Si estás interesado en contribuir a esta función, te invito a clonar el repositorio y crear una rama para tus cambios. ¡Tu ayuda es muy valorada!

Autores ✒️

Wilder Aguilar - https://github.com/Wilder-Aguilar

Licencia 📄

Este proyecto está bajo la Licencia (Tu Licencia)