Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to clone the functionalities of Lovable.dev, focusing on providing users with a streamlined interface for utilizing AI tools. This app will allow users to explore, utilize, and customize prompts effectively while maintaining a minimalist aesthetic.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login functionalities to manage user sessions and personalized experiences.
2. **Prompt Library**: A searchable and filterable library of AI prompts that users can browse and utilize.
3. **Customization Tools**: Options for users to create, edit, and save their own prompts, allowing for personalized AI interactions.
4. **Documentation Section**: An area dedicated to explaining how to use the application and providing tips for effective prompt creation.
5. **Feedback System**: A mechanism for users to rate prompts and provide feedback to improve the prompt library.
6. **Responsive Design**: A fully responsive interface that adapts to various devices, ensuring a seamless user experience.

## 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 feature a top navigation bar, a hero section, followed by a grid layout for the prompt library, and additional sections for features and feedback.

## 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 Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components.
3. **Create Authentication Flow**: Implement user authentication using Firebase or another suitable backend service.
4. **Build Prompt Library Component**: Develop a component to display and manage the prompt library, integrating search and filter functionalities.
5. **Implement Customization Tools**: Create forms and modals for users to create and edit their own prompts.
6. **Develop Documentation Section**: Write and style content to help users understand how to use the application effectively.
7. **Set Up Feedback System**: Add functionality for users to submit feedback and rate prompts.
8. **Ensure Responsiveness**: Test and adjust the layout for various screen sizes, ensuring a smooth experience across devices.

## USER EXPERIENCE
Users will start at the landing page featuring a hero section that introduces the application and its benefits. They can easily navigate through the prompt library, search for specific prompts, and provide feedback. The customization tools will allow them to create tailored prompts, enhancing their interaction with AI tools. The documentation section will guide them on best practices, ensuring a comprehensive understanding of the application’s capabilities. The minimalist design will keep the focus on usability, ensuring a pleasant experience.