Este proyecto es una aplicación web para gestionar empleados usando Node.js, Express, MySQL y Bootstrap 5.
Incluye funciones de crear, leer, actualizar y eliminar registros, con interfaz responsive y soporte para importar datos desde un archivo CSV.
- Listado de empleados con datos como nombre, apellidos, correo, cargo, ciudad, salario y edad.
- Modal para agregar y editar empleados.
- Botones para eliminar y editar registros.
- Botón para cargar datos desde CSV.
- Actualización automática de la tabla sin recargar la página.
- Interfaz limpia y responsive con Bootstrap 5.
proyecto-crud
┣ backend
┃ ┣ db.js # Conexión a MySQL
┃ ┣ index.js # Servidor y API REST
┃ ┣ helpers.js # Funciones auxiliares (CSV)
┣ frontend
┃ ┣ index.html # Interfaz de usuario
┃ ┣ main.js # Lógica del CRUD en el cliente
┣ package.json # Dependencias del proyecto
┗ README.md # Documentación
-
Clonar el repositorio
git clone https://github.com/usuario/proyecto-crud.git cd proyecto-crud -
Instalar dependencias
npm install
-
Configurar la base de datos
- Crear una base de datos en MySQL:
CREATE DATABASE empleados_db;
- Crear la tabla:
CREATE TABLE employees ( id INT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(100), lastname VARCHAR(100), lastname2 VARCHAR(100), email VARCHAR(100), charge VARCHAR(100), city VARCHAR(100), salary DECIMAL(10,2), age INT );
- Editar el archivo
backend/db.jscon las credenciales de MySQL.
- Crear una base de datos en MySQL:
-
Iniciar el servidor
node backend/index.js
El servidor estará disponible en:
http://localhost:3000
- Abrir
http://localhost:3000en el navegador. - Usar el botón "Agregar empleado" para registrar un nuevo empleado.
- Editar registros usando el botón "Editar".
- Eliminar registros con el botón "Eliminar".
- Usar "Execute CSV" para importar empleados desde un archivo
.csv.
- Express – Servidor web para Node.js.
- MySQL – Base de datos relacional.
- Bootstrap 5 – Estilos y diseño responsive.
- Body-parser – Procesamiento de JSON.
- Cors – Permitir solicitudes entre dominios.