Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to provide a seamless bug testing experience for social media platforms like Telegram and Discord. Users can log into different accounts and systematically test various features to identify and report UI and functional bugs, ensuring a smooth user experience across platforms.

## CORE FEATURES
1. **Multi-Account Login**: Allow users to log into multiple social media accounts simultaneously for comprehensive testing.
2. **Bug Reporting System**: Enable users to report bugs with detailed descriptions, screenshots, and steps to reproduce the issue.
3. **Feature Test Automation**: Implement automated testing scripts that run predefined tests on features to quickly identify bugs.
4. **UI Feedback Mechanism**: Provide users with the ability to give feedback on UI elements, helping improve the overall design.
5. **Dashboard Overview**: A central dashboard where users can view reported bugs, test results, and overall application health.
6. **User Roles and Permissions**: Differentiate between regular users and admin users to manage access to certain features and 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 main layout will consist of a top navigation bar, a sidebar for navigation, and a central content area for the dashboard and bug reporting features.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create the Main Layout**: Develop the top navigation bar and sidebar using shadcn/ui components, ensuring a responsive design.
3. **Implement Multi-Account Login**: Create a login component that allows users to manage multiple social media credentials.
4. **Build the Dashboard**: Construct a central dashboard that displays reported bugs and test results using React components and Tailwind CSS.
5. **Develop the Bug Reporting System**: Provide a form for users to report bugs, storing submissions in a database or state management system.
6. **Integrate Feature Test Automation**: Research and implement testing libraries that can automate feature testing within the application.
7. **User Roles and Permissions**: Set up user authentication and define roles to manage access efficiently.

## USER EXPERIENCE
Users will seamlessly navigate through the app, starting from the login page where they can add multiple social media accounts. Once logged in, they’ll be directed to the dashboard where they can initiate bug tests, view reported issues, and interact with various features. The UI will be designed to minimize distractions, allowing users to focus on testing and reporting bugs efficiently. Clear feedback and visual cues will enhance user interactions throughout the application.