Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to facilitate the buying and selling of ideas, similar to Fiverr, but focused specifically on a marketplace for ideas across various categories. Users can share, discuss, and trade ideas while the platform owner can manage posts and interactions, ensuring a clean and engaging experience.

## CORE FEATURES
1. **Idea Listings**: Users can browse and purchase ideas listed by other users. Each idea has a detailed page with descriptions and pricing.
2. **Forum for Free Ideas**: A dedicated forum where users can post free ideas, allowing for community discussion and feedback.
3. **Comment and Discussion Section**: Users can comment on ideas to discuss potential improvements or variations.
4. **User Accounts and Profiles**: Users can create accounts to manage their listings, view their transactions, and interact with other users.
5. **Admin Controls**: The application includes backend controls for the admin to delete inappropriate posts and ban users who violate guidelines.
6. **Transaction Management**: Integrates a system for chat and secure transactions between users, ensuring that the platform can take a 20% commission from sold ideas.

## 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 structure includes a header with navigation links to different categories, a hero section showcasing featured ideas, a grid layout for idea listings, a sidebar for categories, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing user sessions and idea listings

## IMPLEMENTATION STEPS
1. **Set Up Project Structure**: Initialize a React project with TypeScript and install necessary libraries (Tailwind CSS, React Router, etc.).
2. **Design the Main Components**: Create components for the header, footer, idea listings, and individual idea pages.
3. **Implement User Authentication**: Set up user registration and login flows, including state management for user sessions.
4. **Create Idea Listing and Forum Features**: Develop functionality for users to post, edit, and delete ideas, as well as to participate in forum discussions.
5. **Add Admin Controls**: Build an admin dashboard for managing inappropriate content and user accounts.
6. **Integrate Payment Processing**: Implement a secure payment system to facilitate transactions and calculate commissions.

## USER EXPERIENCE
Users will first encounter a clean landing page with a clear call to action to explore ideas or join the community. They can easily navigate through categories, view detailed idea pages, and engage in discussions. The chat feature allows seamless communication for transactions, enhancing user interaction and experience while ensuring a smooth buying and selling process. Users will feel encouraged to contribute to the forum, share their ideas, and provide feedback on others’ ideas.