Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for creating and managing "dorks"—specific search queries for databases like MySQL, MariaDB, MongoDB, and Microsoft Azure. Users will be able to input their dorks and associated keywords, select the relevant database types, and validate the output to ensure correctness.

## CORE FEATURES
1. **Dork Input Area**: A large text area for users to input their dorks.
2. **Keyword Input Area**: A second large text area for users to add corresponding keywords for each dork.
3. **Database Type Selection**: Options to mark checkboxes for MySQL, MariaDB, MongoDB, and Microsoft Azure, indicating which databases the dork applies to.
4. **Validation Feature**: A functionality that checks the validity of the inputted dorks and keywords.
5. **Save and Manage Dorks**: Users can save their dorks for later access and manage them effectively within the application.
6. **User Authentication**: Secure login and registration to allow users to save their preferences and access their dorks across devices.

## 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 two-column layout with the dork input area on the left and the keyword input area on the right, complemented by a section for database selection and validation feedback below.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React's built-in state management or Context API for managing user input and validation state.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Create a new React project with TypeScript and install Tailwind CSS.
2. **Design Layout**: Implement the two-column layout using Tailwind CSS for responsive design.
3. **Build Input Areas**: Create the dork and keyword input areas utilizing textarea components with appropriate styling.
4. **Add Checkbox Options**: Implement checkboxes for selecting MySQL, MariaDB, MongoDB, and Microsoft Azure, ensuring they are linked to the state management system.
5. **Validation Logic**: Develop the logic to validate the dorks and keywords, providing user feedback on the validity of input.
6. **User Authentication**: Implement user authentication using a method of choice, such as Firebase or JWT, to allow users to save their dorks securely.
7. **Testing**: Conduct thorough testing to ensure all features work as expected and the UI is responsive.

## USER EXPERIENCE
Users will have a straightforward and intuitive experience with clear input areas for their dorks and keywords. The minimalist design ensures that users can focus on their tasks without distractions. Validation feedback will guide users in ensuring their inputs are correct, while the save feature will allow for easy management of multiple dorks. The entire application will be responsive, providing a seamless experience across devices.