Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Playshare is a web application designed as a marketplace for racket sports companies, focusing primarily on the rental and sale of paddles. The platform enables users to browse, rent, and purchase paddles from various vendors, providing a seamless experience that encourages participation in racket sports.

## CORE FEATURES
1. **User Registration and Authentication**: Users can create an account or log in to access personalized features such as saved favorite paddles and rental history.
  
2. **Marketplace Listings**: A visually appealing grid layout showcasing available paddles for rent or sale, with filters for brand, price, and availability.

3. **Rental Management**: Users can select rental periods, view pricing details, and manage their rentals directly through the application.

4. **Vendor Dashboard**: Companies can create accounts to manage their paddle listings, track inventory, and process rentals and sales.

5. **User Reviews and Ratings**: Customers can leave reviews for paddles and vendors, helping others make informed decisions.

6. **Contact and Support**: A dedicated section for users to reach out for assistance or inquire about specific paddles, enhancing customer service.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, a minimal color palette, and a strong emphasis on typography.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring readability and a modern look.
- **Layout**: A structured grid layout for the marketplace with a header featuring the logo, navigation links, and a search bar. The main area displays the paddle listings, while the sidebar includes filters and categories.
- **Typography**: Use sans-serif fonts like Montserrat or Open Sans for headings and body text, establishing a clear hierarchy with larger, bolder text for titles and lighter weights for descriptions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building the user interface.
- **Styling**: Tailwind CSS for utility-first styling, ensuring responsiveness and a clean aesthetic.
- **UI Components**: Utilize shadcn/ui for ready-made components that align with the minimalist design.
- **State Management**: Use React Context API or Redux for managing global state, especially for user authentication and rental management.

## IMPLEMENTATION STEPS
1. **Set up the Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui.
2. **Create the Basic Layout**: Develop the header, footer, and sidebar components, ensuring they are responsive and adhere to the minimalist design.
3. **Implement User Authentication**: Set up user registration and login functionality using Firebase or a similar service.
4. **Develop the Marketplace Component**: Create the marketplace grid layout that fetches and displays paddle listings from a database.
5. **Build the Rental Management System**: Implement rental selection logic, allowing users to choose rental periods and view pricing.
6. **Integrate Vendor Dashboard**: Develop features that allow vendors to add, edit, and remove their paddle listings.
7. **Add Review and Rating System**: Create a component for users to submit reviews and ratings for paddles and vendors.
8. **Finalize Contact and Support Section**: Ensure users can easily find support options and submit inquiries.

## USER EXPERIENCE
Users will have a seamless experience starting from the landing page, where they can easily navigate through paddle listings. The intuitive interface allows them to filter options based on their preferences and manage their rentals with ease. The vendor dashboard provides a straightforward way for companies to engage with customers and manage their inventory. Overall, the application aims to enhance user engagement through a clean, minimalist design that prioritizes usability and accessibility across devices.