Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web platform designed to connect UGC Creators with brands, similar to Fiverr. It allows creators to showcase their profiles, including videos, pricing, and service offerings, while brands can search, purchase, and communicate with creators to facilitate content creation.

## CORE FEATURES
1. **User Profiles**: UGC Creators can create detailed profiles featuring their videos, descriptions, characteristics, and pricing packages. Brands also have profiles to enter their company information and payment details.
   
2. **Directory Search**: A searchable directory where brands can filter creators by age, language, country, price, and other attributes to find suitable content creators.

3. **Project Dashboard**: A comprehensive dashboard for managing collaborations, featuring sections for activities, briefs, scripts, service details, and delivery. 

4. **In-App Communication**: Chat functionality that allows brands and creators to discuss project specifics and negotiate terms before a purchase.

5. **Service Transactions**: Brands can purchase services directly or initiate conversations leading to customized agreements with creators.

6. **Revision & Approval Workflow**: A streamlined process for brands to review submitted content and request revisions or accept final products.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design emphasizes a clean and simple aesthetic with ample white space, focusing on typography to enhance readability and user engagement.
- **Color Mode**: Light theme featuring dark text on light backgrounds to ensure clarity and comfort during use.
- **Layout**: The main layout includes a top navigation bar for easy access to key features, a sidebar within the dashboard for quick navigation through sections (Activities, Brief, Script, Details, Delivery), and responsive card designs for user profiles in the directory.
- **Typography**: Utilize a modern sans-serif font for body text (e.g., Inter or Roboto) and a bold variant for headings to create a clear hierarchy and visual interest.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application structure.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid UI development while maintaining design consistency.
- **UI Components**: shadcn/ui for pre-built, accessible UI components that align with the minimalist design.
- **State Management**: React Context or Zustand for managing state across the application.
- **Database**: Supabase for authentication, real-time database operations, and storage of user profiles and content.
- **Backend**: Supabase Edge Functions to handle server-side logic and interactions.

## IMPLEMENTATION STEPS
1. Set up a new React project using Create React App with TypeScript.
2. Configure Tailwind CSS for styling by following installation guidelines.
3. Implement user authentication using Supabase, enabling both UGC Creators and Brands to register and log in.
4. Design and implement user profile creation forms for both creators and brands, ensuring data validation and error handling.
5. Develop the directory feature with search and filtering capabilities, displaying creator profiles in a responsive card format.
6. Create the project dashboard with a sidebar and sections for Activities, Brief, Script, Details, and Delivery, ensuring seamless navigation.
7. Implement the chat functionality using real-time features from Supabase for communication between creators and brands.
8. Develop the service transaction workflow, allowing brands to purchase services and manage orders within the dashboard.
9. Test the application thoroughly for user experience and responsiveness across different devices and browsers.

## USER EXPERIENCE
The platform will provide a smooth user experience by allowing easy navigation from profile creation to service transactions. Creators will have a straightforward process to showcase their offerings, while brands can efficiently search for creators that meet their needs. The in-app communication and project management dashboard will facilitate collaboration, ensuring both parties can interact seamlessly throughout the project lifecycle. The minimalist design ensures that users are not overwhelmed by visual clutter, focusing instead on the content and interactions that matter most.