Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for project management, targeting agencies and competing with platforms like monday.com. The application will facilitate collaboration, task management, and workflow optimization, allowing users to manage their projects effectively and efficiently.

## CORE FEATURES
1. **User Authentication**: Secure login and registration process allowing users to create and manage their accounts.
2. **Project Dashboard**: A centralized view for users to see all their projects, including status updates and key metrics.
3. **Task Management**: Users can create, assign, and track tasks within projects, with options for deadlines, priorities, and comments.
4. **Collaboration Tools**: Real-time chat and file sharing features enabling team members to communicate and collaborate effectively.
5. **Reporting and Analytics**: Tools to generate reports on project progress, resource allocation, and team performance.
6. **Customization Options**: Ability for users to tailor their workspace with custom labels, themes, and notifications.

## 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 access to search and notifications, and a central content area for displaying the dashboard, tasks, and collaboration features. The design will prioritize clear visual hierarchy and intuitive navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing global state as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **User Authentication**: Implement user registration and login functionality using Firebase or a similar service.
3. **Create Project Dashboard**:
   - Set up the main layout structure with a sidebar and header.
   - Develop the dashboard component to display project overview, including tasks and progress.
4. **Implement Task Management**:
   - Create task creation, editing, and deletion functionalities.
   - Allow users to assign tasks to team members and set deadlines.
5. **Add Collaboration Tools**:
   - Integrate real-time chat functionality using WebSocket or a similar technology.
   - Implement file sharing features with cloud storage integration.
6. **Build Reporting and Analytics**:
   - Create reporting components that aggregate data and display project performance metrics.
7. **Finalize Customization Options**: Allow users to adjust their workspace settings and preferences.

## USER EXPERIENCE
Key user interactions include a seamless onboarding process for new users, intuitive navigation through the project dashboard, and easily accessible task management features. Users will benefit from responsive design, ensuring that the application is functional and visually appealing across various devices. Collaboration tools will enhance team communication, while customizable settings will allow users to personalize their experience, creating a tailored project management solution.