Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to manage security for a residential complex. It provides a robust platform for users to report incidents, manage access control, and communicate effectively with security personnel. The application will feature multiple user roles including admin, supervisor, guards, and residents, ensuring a comprehensive approach to security management.

## CORE FEATURES
1. **User Authentication**: Secure login system for different user roles (admin, supervisor, guards, residents) with the ability to reset passwords.
2. **Incident Reporting**: Supervisors can log major incidents and guards can record day-to-day activity in the incident book.
3. **Access Control Management**: Guards can register entries, manage guest lists for parties, and log visits from workers to streamline the entry process.
4. **Panic Button Feature**: Residents can alert security in case of emergencies, such as theft or health issues.
5. **Modular Configuration**: The system is designed to be modular and easily configurable, allowing for future expansions such as camera integration and access control systems.
6. **Dashboard for Admins**: An intuitive dashboard for administrators to manage user roles, view reports, and configure system settings.

## 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**: The layout will be structured with a sidebar for navigation, a top bar for notifications and user actions, and main content areas displaying dashboards and forms.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed for managing global state)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Create User Authentication**: Implement secure authentication with role-based access control using Supabase for backend services.
3. **Build Core Features**:
   - Design and implement the incident reporting module.
   - Create forms for access control management and the panic button feature.
4. **Develop Admin Dashboard**: Create a dashboard interface to manage users and view incidents and reports.
5. **Configure Modular System**: Structure the application to allow easy addition of new modules in the future.
6. **Testing and Deployment**: Conduct thorough testing and deploy the application using a service like Vercel or Netlify.

## USER EXPERIENCE
The user experience will focus on intuitive navigation and quick access to essential features. Users will interact through a clean interface where they can easily report incidents, manage guest access, and receive timely alerts. The design will prioritize responsiveness, ensuring a seamless experience across devices. Users will find the application straightforward and efficient, promoting effective communication and security management within the community.