Lovable Prompt Creator - AI Prompt Generator

# APPLICATION OVERVIEW
The "Lovable Prompts" application is a minimalist web platform designed to provide users with a seamless experience in exploring and generating prompts for various purposes. The application focuses on simplicity and ease of use, enabling users to access a curated collection of helpful prompts tailored for different needs.

# CORE FEATURES
1. **Prompt Exploration**: Users can browse through a variety of prompts categorized by themes, making it easy to find relevant content.
2. **Prompt Generation Tool**: An interactive tool that allows users to customize and generate prompts based on their specifications.
3. **User Registration and Authentication**: Users can create accounts to save their favorite prompts and access personalized recommendations.
4. **Community Contributions**: A feature where users can submit their own prompts, fostering community engagement and collaboration.
5. **Feedback System**: Users can rate and leave comments on prompts, helping improve the quality and relevance of the content.

# 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 includes a hero section at the top, followed by a grid of featured prompts, a prompt generation tool section, community contributions, and a strong call-to-action (CTA) at the bottom. The footer contains contact information and links to social media.

# TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing user sessions and prompt states.

# IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install dependencies**: Add Tailwind CSS, shadcn/ui, and Redux for state management.
3. **Create the folder structure**: Organize the project into components, pages, and services for better maintainability.
4. **Develop the user authentication flow**: Implement user registration and login functionalities using Redux for state management.
5. **Build the main features**:
   - Create a prompt exploration component that lists prompts in a grid format.
   - Implement the prompt generation tool allowing users to customize prompts based on specific inputs.
   - Develop a community contributions feature where users can submit and showcase their prompts.
   - Create a feedback system for rating and commenting on prompts.
6. **Design the UI**: Use Tailwind CSS to style components according to the design specifications, ensuring a minimalist approach.
7. **Test the application**: Conduct user testing to ensure the application is intuitive and responsive on various devices.
8. **Deploy the application**: Choose a hosting service and deploy the application for users to access.

# USER EXPERIENCE
Users will enjoy a straightforward experience starting from the homepage, where they can view featured prompts and easily navigate to the prompt generation tool. The registration process will be simple, allowing users to create an account quickly. Once logged in, users can explore prompts, contribute their own, and engage with the community through feedback. The design will ensure that users on mobile devices have an equally seamless experience as those on desktops.