User Manager CRUD Files

Gestor de usuarios con Node y MariaDB #2 con manejo de archivos y fotos.

Este proyecto es una aplicación web para la gestión de usuarios, que incluye funcionalidades de altas, bajas, cambios y consultas con manejo de archivos y fotos.

Este proyecto forma de la siguiente versión del proyecto: user_manager_crud

Demostración

Autenticación

Dashboard

Vista principal de la interfaz de Dashboard:

Vista del Dashboard al abrir una imágen de un usuario:

Vista del Dashboard al abrir un documento de un usuario:

Altas

Vista principal de la interfaz de Altas:

Vista de altas al ejecutar la acción de tomar una foto:

#1 Al abrir la cámara:

#2 Al tomar una foto:

#3 Al cambiar la opción para seleccionar un documento de identificacion en lugar de la foto:

Al guardar los datos (con una foto o documento) de forma exitosa:

Bajas

Cambios

Consultas

Resultado de consulta:

Estructura del Proyecto

master/
├── .gitattributes
├── .gitignore
├── 404.html
├── altas.html
├── bajas.html
├── cambios.html
├── consultas.html
├── dashboard.html
├── favicon.ico
├── index.html
├── LICENSE
├── package-lock.json
├── package.json
├── README.md
├── Server.js
├── node_modules
│   └── (Archivos de Node.js)
├── backups/
│   └── respaldo/
│       └── ...
├── css/
│   ├── estilos_oscuro.css
│   ├── estilos.css
│   ├── login.css
│   └── modal/
│       └── estilos.css
├── db/
│   └── (Base de datos no disponible)
├── docs/
│   ├── (capturas)
│   └── comandos_node.txt <- Instrucciones para configurar el proyecto
├── img/
│   └── user.png
├── js/
│   ├── altas/
│   │   ├── altas_ui.js <- Interfaz
│   │   ├── altas.js    <- Controlador
│   │   └── arch_cam_modal.js
│   ├── auth/
│   │   ├── index_ui.js <- Interfaz
│   │   └── index.js    <- Controlador
│   ├── bajas/
│   │   ├── bajas_ui.js <- Interfaz
│   │   └── bajas.js    <- Controlador
│   ├── cambios/
│   │   ├── cambios_ui.js <- Interfaz
│   │   └── cambios.js    <- Controlador
│   ├── consultas/
│   │   ├── consultas_ui.js <- Interfaz
│   │   └── consultas.js    <- Controlador
│   ├── dashboard/
│   │   ├── dashboard_ui.js <- Interfaz
│   │   └── dashboard.js    <- Controlador
│   ├── uploads/
│   ├── Ajax.js
│   ├── Archivos.js
│   ├── BD.js
│   ├── Requisicion.js
│   ├── Respuesta.js
│   ├── Servicios.js
│   └── ui.js
├── ssl/
│   └── (Certificado SSL)
├── test/
│   └── ...
└── uploads/

Instalación

1. Clona el repositorio:

   git clone https://github.com/AdrianBL1/user_manager_crud_files.git

2. Navega al directorio del proyecto:

   cd user_manager_crud_files

3. Instala las dependencias:

   npm install

Uso

Para iniciar el servidor, ejecuta el siguiente comando:

npm run dev

El servidor se ejecutará en https://127.0.0.1:443.

Archivos Principales

• Server.js: Configuración del servidor HTTPS y manejo de rutas.
• index.html: Página de inicio (Login).
• altas.html, bajas.html, cambios.html, consultas.html, dashboard.html: Páginas principales de la aplicación.
• js: Contiene los archivos JavaScript para la lógica de la aplicación.
• css: Contiene los archivos CSS para los estilos de la aplicación.
• ssl: Contiene los archivos de certificado SSL.

Rutas del Servidor

El servidor maneja las siguientes rutas:

• /: Redirige a index.html.
• /dashboard: Redirige a dashboard.html.
• /altas: Redirige a altas.html.
• /bajas: Redirige a bajas.html.
• /consultas: Redirige a consultas.html.
• /cambios: Redirige a cambios.html.
• uploads: Redirige a la carpeta uploads.

Licencia

Este proyecto está bajo la licencia MIT. Consulta el archivo LICENSE para más detalles.