Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app dashboard designed for a cybersecurity SaaS platform. Its primary purpose is to provide users with essential insights and control over their cybersecurity measures, showcasing real-time data, analytics, and actionable alerts in a clean, user-friendly interface.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system to manage user accounts and protect sensitive information.
2. **Real-Time Monitoring Dashboard**: A visual representation of current cybersecurity status, including threat alerts, system health, and recent activity logs.
3. **Incident Management**: Tools for tracking, managing, and resolving cybersecurity incidents with detailed reports and timelines.
4. **Analytics and Reporting**: Generate comprehensive reports on security incidents, trends, and system performance metrics for informed decision-making.
5. **User Management**: Admin functionality to manage user roles, permissions, and access levels within the application.
6. **Alerts and Notifications**: Customizable alerts for significant security events sent via email or within the app to keep users informed.

## 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**: A responsive grid layout that adapts to various screen sizes, featuring a sidebar for navigation and a main content area for displaying dashboard metrics and user interactions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for consistent and modern design elements.
- **State Management**: Redux or Context API for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript, and install Tailwind CSS and shadcn/ui.
2. **Create Authentication Module**: Implement user registration and login functionalities using a secure authentication method (e.g., JWT).
3. **Develop Dashboard UI**: Design the main dashboard layout integrating responsive grid structures and components for displaying metrics and alerts.
4. **Implement Incident Management**: Create forms and views for tracking incidents, including options for status updates and comments.
5. **Set Up Analytics and Reporting**: Integrate charting libraries to visualize data and enable report generation features.
6. **Build Alerts and Notifications System**: Develop a notification system that triggers alerts based on defined security events.
7. **Test and Optimize**: Conduct usability testing and optimize for performance and responsiveness across devices.

## USER EXPERIENCE
Users will authenticate via a secure login, landing on the dashboard that displays key metrics and alerts prominently. They can navigate through the sidebar to access different features, such as incident management and reporting. The interface will prioritize clarity and ease of use, ensuring that users can quickly comprehend their security status and take necessary actions. Responsive design will ensure a seamless experience across desktops, tablets, and mobile devices.