Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application that serves as a marketplace for brands and influencers. The platform will facilitate connections and collaborations between brands seeking promotion and influencers looking for partnerships, enhancing marketing strategies within a streamlined, user-friendly interface.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for brands and influencers, allowing them to create and manage their profiles.
2. **Profile Management**: Users can create and edit profiles with details such as bio, portfolio, and social media links.
3. **Marketplace Listings**: Brands can post campaigns and product listings that influencers can browse and apply for collaboration.
4. **Search and Filter**: Advanced search functionality enabling users to find influencers or brand campaigns based on various criteria (e.g., niche, follower count).
5. **Messaging System**: Built-in chat feature allowing direct communication between brands and influencers for negotiation and collaboration discussions.
6. **Analytics Dashboard**: For brands to track the performance of their campaigns and for influencers to monitor engagement metrics.

## 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 layout will feature a top navigation bar, a hero section highlighting key offerings, followed by sections for features, testimonials, and a contact form. A responsive grid will be used for displaying marketplace listings.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Zustand or React Context API for state management across the application

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui as UI component libraries.
3. **Create Navigation Bar**: Implement a responsive navigation bar with links to home, marketplace, and user profile.
4. **Build Authentication**: Set up Firebase or Auth0 for user authentication and integrate it into the application.
5. **Develop Profile Management**: Create forms for users to input and update their profile information.
6. **Implement Marketplace Listings**: Design a component for brands to submit campaigns and a grid view for influencers to browse listings.
7. **Add Search and Filter Functionality**: Implement search and filter options to enhance user experience in finding listings.
8. **Integrate Messaging System**: Use a service like Socket.io for real-time messaging capabilities.
9. **Create Analytics Dashboard**: Develop an analytics page for brands to visualize the performance of their campaigns.
10. **Test and Optimize**: Conduct thorough testing, focusing on responsiveness and user experience, before deploying the application.

## USER EXPERIENCE
Users will have an intuitive experience navigating the platform. Brands will easily create listings and manage campaigns, while influencers can seamlessly search for opportunities and communicate with brands. The analytics dashboard will provide actionable insights for brands, enhancing their marketing strategies. The overall design will prioritize usability, ensuring a smooth interaction across devices.