Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to detect network traffic attacks using machine learning algorithms. It allows users to log in as either an admin, a regular user, or an attacker, facilitating role-switching to demonstrate the application's capabilities. The primary purpose is to provide real-time alerts for any detected attacks and generate reports based on the activities within the network.

## CORE FEATURES
1. **User Authentication**: Users can log in as admin, user, or attacker, with the option to switch roles seamlessly.
2. **Traffic Monitoring**: The application utilizes machine learning to analyze network traffic and detect potential attacks, sending alerts to the relevant parties.
3. **Dashboard**: A clean and intuitive dashboard displaying real-time data, alerts, and network status.
4. **Report Generation**: Users can generate detailed reports on network traffic and detected incidents, aiding in analysis and response strategies.
5. **Audit Log**: A comprehensive log of all user actions and system alerts to track activity and investigate issues.
6. **Error Handling**: Mechanisms to log errors and support requests, ensuring users can receive help when needed.

## 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 main layout will feature a top navigation bar for quick access to different sections, a sidebar for role-switching options, and a central content area for displaying the dashboard and reports.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create User Authentication**: Implement user authentication with role management for admin, user, and attacker.
3. **Develop Traffic Monitoring Module**: Integrate machine learning algorithms to analyze network traffic data and identify potential attacks.
4. **Build Dashboard**: Design and implement the dashboard layout to display real-time data and alerts.
5. **Implement Report Generation**: Create functionality for generating reports based on network activity and incidents.
6. **Set Up Logging Mechanisms**: Implement audit logging for user actions and error handling for system alerts and support requests.

## USER EXPERIENCE
The user experience focuses on simplicity and efficiency. Upon logging in, users will be greeted with a dashboard showcasing real-time network data and alerts. The role-switching functionality will allow users to test different perspectives seamlessly, while the report generation feature will enable them to generate insights efficiently. Users will have access to help and support options if they encounter any issues, ensuring a smooth interaction with the application.

This comprehensive plan aims to deliver a fully functional, minimalist web application that aligns with the user's vision and requirements.