Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
La aplicación será un sistema web para llevar un registro de bitácoras de vigilancia en aproximadamente 15 sitios diferentes. Permitirá registrar entradas y salidas de personal interno, visitantes y contratistas, así como eventos importantes que deben quedar asentados. Con funciones de autenticación y roles de usuarios, la aplicación facilitará el control y la consulta de registros, asegurando que la información sensible se maneje de manera adecuada.

## CORE FEATURES
1. **Registro de Entradas y Salidas**: Permitir el registro de entradas y salidas del personal interno utilizando el número de nómina para buscar automáticamente los datos del empleado en una base de datos.
   
2. **Registro de Visitantes y Contratistas**: Facilitar el registro de personas externas, con opción de tomar una foto y adjuntar identificación oficial.

3. **Registro de Eventos Importantes**: Permitir a los usuarios registrados documentar eventos significativos que queden guardados en la bitácora.

4. **Gestión de Usuarios**: Posibilidad de dar de alta usuarios para registro de eventos y usuarios de solo consulta, garantizando diferentes niveles de acceso.

5. **Eventos Privados**: Implementar la capacidad de registrar eventos que solo sean visibles para perfiles específicos de usuarios, asegurando la privacidad de la información.

6. **Interfaz Amigable para la Web**: Crear un panel de control intuitivo para la gestión de registros y usuarios, con un diseño responsive.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: La disposición principal incluirá un header con logo y navegación, una sección principal para el registro de entradas/salidas y eventos, y un panel lateral para la gestión de usuarios y configuración.

## TECHNICAL REQUIREMENTS
- **Framework**: React con TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux o Context API para la gestión del estado de la aplicación

## IMPLEMENTATION STEPS
1. **Configuración del Proyecto**: Iniciar un nuevo proyecto de React con TypeScript y configurar Tailwind CSS.
2. **Diseño de la Base de Datos**: Definir la estructura de la base de datos para usuarios, registros de entradas/salidas y eventos.
3. **Implementación de la Autenticación**: Desarrollar un sistema de registro de usuarios y gestión de sesiones.
4. **Desarrollo de Funcionalidades**: Implementar las funciones de registro de entradas/salidas, visitantes y eventos.
5. **Gestión de Usuarios y Roles**: Crear formularios para la alta de usuarios y definir roles con diferentes permisos.
6. **Interfaz de Usuario**: Diseñar la interfaz utilizando componentes de shadcn/ui, asegurando que sea responsiva y amigable.
7. **Testing**: Realizar pruebas de funcionalidad y usabilidad para asegurar un buen rendimiento de la aplicación.

## USER EXPERIENCE
Los usuarios interactuarán con la aplicación a través de un panel de control intuitivo donde podrán registrar entradas y salidas, así como eventos importantes. La búsqueda de empleados se realizará de manera rápida y fácil mediante el número de nómina. Los usuarios podrán navegar fácilmente entre las secciones utilizando un menú lateral, y la interfaz será responsiva, asegurando una experiencia fluida en dispositivos móviles y de escritorio.