Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Lovable Interactive Prompt Generator is a web application designed to transform user app ideas into well-crafted Lovable prompts. It enables users to easily select their preferred technology stack, specify application types such as SaaS or other categories, and generate functional applications with minimal debugging. The interface is intuitive and engaging, catering to both novice and experienced developers.

## CORE FEATURES
1. **Technology Selection**: Users can choose from various technology stacks, including popular frameworks and languages, to tailor their applications.
2. **Multi-Selection Tags**: Allows users to categorize their projects as SaaS, web apps, dashboards, e-commerce, etc., with easy multi-selection options.
3. **Interactive Prompt Generation**: An interactive interface that guides users through the prompt creation process, ensuring clarity and efficiency.
4. **Open Source Recommendations**: Displays a curated list of open-source and free resources first, helping users leverage existing tools and libraries.
5. **User-Friendly Dashboard**: A clean, minimalist dashboard that presents generated prompts and project statuses in a clear and organized manner.
6. **Tutorial and Help Center**: Provides users with step-by-step guides and tutorials for better understanding and usage of the application.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a focus on simplicity and functionality. Ample white space will enhance readability and navigation.
- **Color Mode**: The light theme will feature dark text on light backgrounds to ensure high contrast and accessibility.
- **Layout**: A grid-based layout that organizes features and content into distinct sections, making navigation intuitive. The header will house navigation links, while the main area will showcase prompt generation and results.
- **Typography**: Use a sans-serif font like "Roboto" for body text and "Montserrat" for headings, ensuring a clear hierarchy with appropriate font sizes and weights for emphasis.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for rapid and responsive design
- **UI Components**: Utilize shadcn/ui for modern and accessible UI elements
- **State Management**: React Context API for managing user selections and application state

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui components.
2. **Create Component Structure**: Build the main components such as Header, Dashboard, TagSelector, and PromptGenerator, ensuring they are reusable and maintainable.
3. **Implement Technology Selection**: Develop a dropdown or multi-select input for technology choices, integrating it with state management.
4. **Design Tag Selection Interface**: Create a component that allows multi-selection of application types with clear filtering options.
5. **Develop Prompt Generation Logic**: Implement the logic to generate prompts based on user selections, formatting the output for readability.
6. **Integrate Open Source Recommendations**: Create a section that displays the list of open-source tools based on user preferences, prioritizing free resources.
7. **Test User Interactions**: Ensure all features work seamlessly and conduct user testing to refine interactions and UX.
8. **Deploy Application**: Prepare the app for deployment, ensuring it is responsive and functions well across different devices.

## USER EXPERIENCE
The user journey begins with an intuitive welcome screen where users can start selecting their desired technology and application type. The multi-selection tags will provide instant visual feedback as users make their choices. The interactive prompt generation process will guide users step-by-step, displaying generated prompts in a clear format. Users can easily navigate through their dashboard to revisit previous prompts or generate new ones, enhancing the overall experience with a focus on usability and efficiency.