Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
PuzzleLoop is a web application designed as a marketplace focused on the circular economy, allowing users to recycle used puzzles through sales or exchanges. The platform aims to create a vibrant community of puzzle enthusiasts who can give their completed puzzles a second life.

## CORE FEATURES
1. **User Registration and Profile**: Users can create accounts via email or social media, with profiles displaying transaction histories and ratings.
2. **Puzzle Listings**: Users can publish puzzles with details such as title, brand, piece count, images, price (for sale), trade availability, and condition categorization.
3. **Search and Filter System**: Users can filter puzzles based on piece count, condition, type of transaction (sale/trade), location, and price.
4. **Trading System**: Users can propose trades, negotiate through an internal chat, and confirm exchanges.
5. **Transaction Management**: A system for tracking purchase states (pending, shipped, received) with internal messaging for coordination.
6. **Reputation System**: Users can rate and review each other based on their transaction experiences.

## 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 include a hero section for user engagement, followed by a grid display of puzzle listings, search and filter options, and user account management in a sidebar.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux (as needed)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Design the Layout**: Create the main layout structure using Tailwind CSS, ensuring a minimalist aesthetic with responsive design.
3. **Develop User Authentication**: Implement user registration and profile management, integrating with social media login APIs.
4. **Implement Puzzle Listings**: Develop the functionality for users to create and manage puzzle listings, including image uploads and condition categorization.
5. **Create Search and Filter Components**: Build the search and filter functionalities to allow users to easily navigate the puzzle marketplace.
6. **Set Up Trading and Messaging**: Develop the trading system with internal chat functionality for negotiations and confirmations.
7. **Implement Transaction Tracking**: Create a transaction management system to handle the purchase states and messaging.
8. **Test and Iterate**: Perform usability testing and make iterative improvements based on user feedback.

## USER EXPERIENCE
Users will have a seamless experience navigating through the platform. They can easily register or log in, browse puzzles through a clean interface, utilize search and filter options effectively, and engage in trades or purchases with straightforward transaction management. The internal chat feature will enhance communication, making the process of trading and selling straightforward and enjoyable. The overall design will evoke a sense of community and sustainability, aligning with the brand's values.