Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a platform connecting UGC Creators with Brands, designed to facilitate collaboration in content creation. Users can create profiles, manage projects, and streamline communication for effective partnerships.

## CORE FEATURES
1. **User Profiles**: Brands can create detailed profiles, including personal information and business details.
1.1 **User Profiles**: UGC Creators can create detailed profiles, including personal information, offerings, and business details.
2. **Directory Search**: Brands can browse a directory of UGC Creators, filtering by criteria such as age, language, country, and pricing.
3. **Project Management Dashboard**: A centralized dashboard for managing ongoing projects, featuring sections for Activity, Brief, Script, Details, and Delivery.
4. **Integrated Chat**: Enables real-time communication between Brands and Creators for discussing project specifics and adjustments.
5. **Payment Processing**: Secure payment options for Brands to purchase services directly from Creators.
6. **Revision and Approval Workflow**: Creators can submit content for review, with options for Brands to request revisions or approve deliveries.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Emphasizes a clean, simple design with ample white space, focusing on usability and readability.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance legibility and maintain a modern look.
- **Layout**: 
  - A two-column layout for the dashboard, with a sidebar for navigation and a main content area for project details.
  - Profile pages should feature clear sections for offerings, portfolio samples, and contact information.
- **Typography**: 
  - Use a sans-serif font for body text for clarity, such as Inter or Roboto.
  - Headings should be bold and slightly larger to create a visual hierarchy, ensuring easy navigation and readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and efficient styling.
- **UI Components**: Utilize shadcn/ui for reusable UI components.
- **State Management**: Consider using Redux or Context API for managing global state across the application.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create User Authentication**: Implement user signup and login functionality for both UGC Creators and Brands, including profile creation forms.
3. **Develop Directory Feature**: Build a searchable and filterable directory for Brands to view UGC Creators, incorporating advanced filtering options.
4. **Design Dashboard Layout**: Create the main dashboard layout with sidebar navigation and main content area, implementing sections for Activity, Brief, Script, Details, and Delivery.
5. **Integrate Chat Functionality**: Set up a messaging system for Brands and Creators to communicate regarding projects.
6. **Implement Payment Processing**: Integrate a secure payment gateway to handle transactions between Brands and Creators.
7. **Build Project Workflow**: Develop the project management features, allowing for brief submission, content delivery, and revision requests.
8. **Test and Optimize**: Conduct thorough testing for usability and responsiveness, ensuring the application works smoothly across devices.

## USER EXPERIENCE
The user journey begins with registration, where both UGC Creators and Brands can set up their profiles. Brands can easily search for suitable creators and initiate projects through the directory. Once a project is created, both parties can communicate via the chat feature, access project details in the dashboard, and manage deliverables seamlessly. The application is designed for an intuitive experience, ensuring that users can navigate through their tasks efficiently while maintaining a clean and organized interface.