Este proyecto es la capa visual e interactiva de la plataforma HR Tech. Es la interfaz con la que los usuarios (empleados, HR, CEO) interactúan para gestionar información, visualizar datos clave y aprovechar el poder del sistema de Inteligencia Artificial integrado en el backend.
No es solo una interfaz: es una experiencia moderna, rápida y optimizada que traduce datos complejos en decisiones claras.
-
⚡ Experiencia Ultra Rápida: Navegación fluida sin recargas gracias a una arquitectura SPA (Single Page Application). (React + Vite)
-
🎯 Interfaz Moderna y Profesional: Diseño limpio, responsivo y alineado a estándares actuales. (Tailwind CSS + shadcn/ui)
-
🔐 Autenticación Segura Integrada: Manejo de sesiones mediante JWT consumiendo el backend.
-
📊 Visualización de Datos: Presentación clara de empleados, sueldos y reportes.
-
🧠 Integración con IA: Consumo de insights generados por Gemini (análisis y recomendaciones).
-
🧩 Arquitectura Escalable: Componentes reutilizables y estructura modular.
- Core: React + TypeScript
- Build Tool: Vite
- Estilos: Tailwind CSS
- Componentes UI: shadcn/ui + lucide-react
- Routing: React Router DOM
- Linting: ESLint + TypeScript ESLint
El frontend consume la API REST del backend para operar:
- Comunicación vía HTTP (JSON)
- Autenticación con JWT (en cada request protegida)
- Consumo de endpoints:
- Empleados
- Sueldos
- Reportes
- Insights de IA
🏢 Backend = Motor + Cerebro
🎨 Frontend = Interfaz + Experiencia
🌐 Resultado = Plataforma web completa de RRHH