Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to revamp a compliance management dashboard. Its main purpose is to provide users with a streamlined interface to monitor, manage, and report on compliance-related tasks and metrics. The application will focus on enhancing user experience through a clean and minimalist design that prioritizes usability and accessibility.

## CORE FEATURES
1. **User Authentication**: Secure login and registration process for users to access their unique compliance dashboards.
2. **Dashboard Overview**: A central dashboard displaying key compliance metrics and notifications at a glance, allowing users to understand their compliance status quickly.
3. **Task Management**: Functionality for users to create, assign, and track compliance-related tasks, including deadlines and responsible parties.
4. **Reporting Tools**: Generate reports on compliance activities, including status updates, historical data, and compliance scores, exportable in various formats.
5. **Notifications & Alerts**: Real-time notifications for upcoming deadlines, compliance updates, or task assignments to ensure users stay informed.
6. **User Roles & Permissions**: Manage different roles within the application (e.g., Admin, Manager, Employee) to control access to various features and data.

## 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 consist of a sidebar for navigation, a top bar for notifications, and a central content area for displaying the dashboard and other features.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Zustand (if state management is needed).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create File Structure**: Organize folders for components, pages, utilities, and styles.
3. **Implement Authentication**: Set up user authentication using a library like Firebase or Auth0.
4. **Build Dashboard Layout**: Create a responsive layout with a sidebar and a top navigation bar. Use Tailwind CSS for styling.
5. **Develop Core Features**: Implement task management, reporting tools, and notifications following the specified features.
6. **Test User Roles & Permissions**: Integrate role management to control access to features and data.
7. **Conduct User Testing**: Gather feedback on usability and make necessary adjustments.
8. **Deploy Application**: Use a platform like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will interact with the application primarily through the dashboard interface, which will provide a clear overview of their compliance status. They will be able to easily navigate between tasks, reports, and settings using the sidebar. Notifications will keep them informed of important deadlines and updates. The minimalist design will ensure that users can focus on their compliance tasks without unnecessary distractions, providing an efficient and effective management experience.