Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide users with a platform to report and track errors and bugs effectively. It aims to streamline the process of logging issues and managing them in a clean, user-friendly interface, ensuring that all reported bugs are dealt with promptly and efficiently.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system allowing users to create accounts and manage their profiles.
2. **Bug Reporting System**: A structured form for users to submit detailed bug reports, including descriptions, severity levels, and screenshots.
3. **Bug Tracking Dashboard**: A central dashboard where users can view the status of their reported bugs, filter by severity and status, and track progress.
4. **Notifications**: Real-time alerts to inform users about updates on their reported issues, including status changes and resolutions.
5. **Admin Panel**: A separate interface for administrators to manage user reports, assign bugs to developers, and track overall bug resolution metrics.
6. **User Feedback System**: Allow users to provide feedback on the resolution process and the application’s usability for continuous improvement.

## 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 single-page layout with a navigation bar at the top, a hero section featuring the application’s purpose, followed by sections for features, user testimonials, and a contact form.

## 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 the Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and any necessary libraries (such as shadcn/ui for UI components).
3. **Create the Authentication System**: Implement user registration and login functionalities using JWT for authentication.
4. **Build the Bug Reporting Form**: Design a form component that captures bug details and integrates it with the state management system.
5. **Develop the Dashboard**: Create a dashboard component that displays reported bugs, allowing users to filter and sort through them.
6. **Implement Notifications**: Set up a notification system using a library like Toastify to alert users of updates.
7. **Admin Panel Development**: Build a separate admin panel for managing reports and assigning them to developers.
8. **Testing and Optimization**: Thoroughly test the application for usability, bugs, and performance; optimize based on user feedback.

## USER EXPERIENCE
Users will have a seamless experience starting from a straightforward registration process, followed by an intuitive bug reporting interface. The dashboard will provide a clear overview of their reports, and real-time notifications will keep them informed about their bug statuses. Admin users will have an efficient interface to manage the bug reports and ensure timely resolutions, fostering a collaborative environment between users and developers. The minimalist design will enhance usability by allowing users to focus on essential tasks without distractions.