Este proyecto implementa un CRUD completo para gestionar empleados, utilizando React para el frontend, Node.js para el backend, MySQL como base de datos y Bootstrap para el diseño.
El proyecto está organizado en carpetas separadas para el cliente (client
) y el servidor (server
).
-
Vea a la carpeta (
client
):cd client
-
Instala las dependencias: npm install
-
Inicia la aplicación: npm start
La aplicación estará disponible en http://localhost:3000.
-
Vea a la carpeta (
client
):cd server
-
Instala las dependencias: npm install
-
Inicia la aplicación: node index.js
El servidor estará escuchando en http://localhost:3001.
Asegurate de tener MySQL instalado y configurar las credenciales en el archivo server/index.js.
-
Crear base de datos llamada (
empleados
). -
Crear una tabla llamada (
empleados
) que contenga (id, nombre, edad, pais, cargo, anios
).
Cliente:
- React
- Axios para realizar solicitudes HTTP
- Hooks
- Bootstrap para el diseño
- SweetAlert2 para alertas
Servidor:
- Node.js
- Express como framework para el servidor
- MySQL como base de datos
- CORS
- Registro de nuevos empleados
- Visualización de la lista de empleados
- Actualización de la información de empleados
- Eliminación de empleados