Vesotel - Gestor de Jornadas

Vesotel Jornada es una aplicación web moderna diseñada para facilitar el seguimiento y la gestión de las jornadas laborales de los empleados.

🖼️ Galería de Capturas

Lista de Registros

Resumenes Mensuales

Panel de Administración (Timeline)

✨ Características Principales

Para Usuarios

• Dashboard Personalizado: Visualiza un resumen mensual de ingresos, horas trabajadas y días de tutorial.
• Registro de Jornadas: Añade nuevos registros de trabajo de tipo "Particular" (por horas) o "Tutorial" (por días).
• Cálculo Automático de Ingresos: El sistema calcula los importes basándose en las tarifas personales del usuario, aplicando pluses de nocturnidad, coordinación y cálculo de IRPF si corresponde.
• Lista Detallada de Registros: Un historial completo de todas las jornadas laborales, con opciones para editar y eliminar.
• Calendario Interactivo: Una vista de calendario que muestra todos los eventos de trabajo, permitiendo seleccionar un día para ver los detalles.
• Resumen de Actividad: Estadísticas totales y desglosadas por mes de toda la actividad laboral.
• Exportación a WhatsApp: Genera un resumen mensual formateado y listo para ser enviado por WhatsApp.
• Perfil y Ajustes: Gestiona la información personal y las tarifas por hora, día, coordinación y nocturnidad.

Para Administradores

• Panel de Administración: Un centro de control completo para supervisar la aplicación.
• Gestión de Solicitudes de Acceso: Aprueba o rechaza las solicitudes de nuevos usuarios que quieren unirse a la aplicación.
• Gestión de Usuarios: Visualiza y gestiona la lista de usuarios activos, edita sus perfiles, configura sus tarifas y revoca su acceso.
• Timeline Diario: Un cronograma visual que muestra la actividad de todos los usuarios para un día seleccionado, perfecto para la planificación y supervisión.
• Estadísticas por Usuario: Accede a un desglose detallado de las estadísticas históricas y mensuales de cada usuario.
• Doble Vista: El administrador puede cambiar entre la "vista de administrador" y la "vista de usuario" para experimentar la aplicación como un empleado normal.

🚀 Stack Tecnológico

Este proyecto está construido con un conjunto de tecnologías modernas y eficientes:

• Framework: Next.js (App Router)
• Lenguaje: TypeScript
• Estilo y UI: Tailwind CSS, ShadCN UI, Lucide React
• Backend y Base de Datos: Firebase (Auth & Firestore)
• Despliegue: GitHub Actions, Static Export, FTP

📂 Estructura del Proyecto

src/
├── app/                  # Rutas de la aplicación (App Router)
│   ├── (app)/            # Rutas protegidas para usuarios logueados
│   ├── admin/            # Rutas del panel de administración
│   ├── login/            # Página de inicio de sesión
│   └── ...
├── components/           # Componentes React reutilizables (UI, etc.)
├── firebase/             # Configuración y hooks de Firebase
├── hooks/                # Hooks de React personalizados
├── lib/                  # Utilidades, tipos, y lógica de negocio
└── ...