Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a collaborative dashboard for a design team within a retail company. The application allows users to manage tasks, communicate in real-time through chat, and organize their activities with an integrated calendar, focusing on professionalism and a clean, minimalist interface.

## CORE FEATURES
1. **User Management**: Create and manage user roles with names for 5 to 10 team members, enabling real-time collaboration.
2. **Real-Time Chat**: A built-in chat feature for users to communicate directly, enhancing collaboration and quick updates.
3. **Task Management**: Users can create, edit, and manage tasks with drag-and-drop functionality, including deadlines and reminders.
4. **Calendar Integration**: A Google Calendar-style feature to schedule activities, events, and tasks, with notifications for upcoming deadlines.
5. **Notification System**: Alerts for users regarding tasks nearing their due dates and for completed tasks, ensuring all team members stay informed.
6. **Task Sharing**: Ability to share tasks with other users for collaborative work, along with a history log of task updates and completions.

## 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 be structured into a sidebar for navigation, a main content area for tasks and chat, and a calendar view integrated into the dashboard.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: [Specify if needed, e.g., Redux or Context API for state management].

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React application with TypeScript and install Tailwind CSS.
2. **Design Layout**: Implement the sidebar for navigation, main content area for tasks, chat, and calendar using Tailwind CSS.
3. **User Authentication**: Integrate Supabase for user management and authentication.
4. **Implement Real-Time Chat**: Use WebSocket or similar technology for real-time communication between users.
5. **Task and Calendar Features**: Develop task management functionalities with drag-and-drop capabilities and integrate a calendar component.
6. **Notification System**: Set up a notification system to alert users about upcoming tasks and deadlines, leveraging browser notifications if necessary.
7. **Testing**: Conduct thorough testing to ensure all features work seamlessly and fix any bugs.

## USER EXPERIENCE
The application will provide users with an intuitive interface for managing their tasks and collaborating with team members. Users will easily navigate through the sidebar, access their tasks, communicate via chat, and view their schedules through the calendar. Notifications will keep users informed about their responsibilities, enhancing productivity and collaboration within the team. 

This structure meets the user's vision for a professional, minimalist dashboard that enhances productivity and teamwork.