Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project entails building a comprehensive web application designed for workflow and team management specifically tailored for a team managing multiple Fiverr profiles focused on WordPress development. The application will centralize daily activities, performance tracking, and business growth metrics, providing a structured and organized platform for efficient team operations.

## CORE FEATURES
1. **Daily Activity Tracking**: Log daily tasks completed by each team member with timestamps, allowing for easy tracking of performance and productivity over time.
  
2. **Fiverr Profile Management**: A centralized dashboard to manage all 20 Fiverr profiles, including status updates, assigned team members, and performance history.
  
3. **Special Order (SO) Tracking**: Monitor all Special Order activities across profiles, detailing the number of SOs sent, accepted, and completed alongside team member responsibilities.
  
4. **Business Performance Tracking**: Track key performance indicators for each Fiverr profile, including orders, revenue generated, and conversion rates from quotes.
  
5. **Lead & Sales Pipeline**: Manage new buyer inquiries and follow-ups to keep the sales process organized and maintain a clear pipeline of potential clients.
  
6. **Dashboard & Analytics**: A real-time dashboard offering insights into daily performance, revenue summaries, and growth trends with customizable charts and graphs.

## 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 sidebar for navigation, a top header for quick actions, a central dashboard area for analytics and performance summaries, and sections for detailed reports and activity logs.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize the React project with TypeScript and install Tailwind CSS along with any necessary libraries (shadcn/ui for UI components).
  
2. **Design the Layout**: Create the main layout structure with a sidebar and dashboard components using Tailwind CSS for styling. Implement routing for different sections of the application.
  
3. **Build Core Features**: Develop components for daily activity tracking, Fiverr profile management, SO tracking, and performance analysis. Use forms to capture user inputs and state to manage data.
  
4. **Implement Dashboard and Analytics**: Create the dashboard view that compiles data from the core features and displays it using charts and graphs for easy visualization.
  
5. **Set Up User Authentication**: Implement role-based access control to ensure that users can only access features relevant to their roles.
  
6. **Testing and Deployment**: Test the application thoroughly for bugs and user experience. Deploy to a cloud service like Vercel or Netlify.

## USER EXPERIENCE
Users will interact with the application via a clean and intuitive interface. They can easily navigate between different sections using the sidebar, view real-time performance metrics on the dashboard, and access detailed reports. The application will provide notifications and reminders for tasks, ensuring that team members stay informed and accountable for their responsibilities. The overall experience will focus on simplicity and efficiency, making it easy for users to manage their teams and projects effectively.