Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application focused on testing and analyzing systems to identify and fix bugs and errors. The application aims to provide a streamlined interface for users to report issues, track bug resolutions, and enhance system performance through effective analysis.

## CORE FEATURES
1. **Bug Reporting**: Users can submit detailed bug reports including steps to reproduce, screenshots, and severity levels.
2. **Bug Tracking Dashboard**: A comprehensive dashboard displaying all reported bugs, their statuses, and assigned team members.
3. **Analytics and Reporting**: Visual analytics to track bug trends over time, helping to identify areas needing improvement.
4. **User Feedback System**: A feature that allows users to provide feedback on bug fixes and overall system performance.
5. **Notification System**: Alerts for users and developers about updates on bug status, new reports, and feedback requests.
6. **Admin Panel**: A dedicated section for administrators to manage user roles, view analytics, and oversee the bug tracking process.

## 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 feature a sidebar for navigation, a main content area for displaying dashboard metrics, and sections for bug reporting and analytics.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App or Next.js.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Core Components**:
   - Design the bug reporting form with necessary fields (title, description, severity, attachments).
   - Build the dashboard layout to display bug tracking info and analytics.
4. **Implement State Management**: Set up Redux or Context API to manage bug states and user information.
5. **Develop API Integration**: Create RESTful API endpoints for submitting bug reports, fetching bug data, and updating statuses.
6. **Design User Interface**: Implement the minimalist design specifications using Tailwind CSS, ensuring responsiveness across devices.
7. **Testing and Debugging**: Conduct thorough testing of all functionalities, focusing on user flows and bug reporting processes.
8. **Deployment**: Deploy the application using a service like Vercel or Netlify.

## USER EXPERIENCE
Users will have a straightforward and intuitive experience when interacting with the application. They can quickly navigate through the sidebar to report bugs, view the dashboard for analytics, and receive notifications for updates. The minimalist design ensures that users can focus on their tasks without distractions, and responsive design ensures usability across various devices.