Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based business management tool designed to streamline operations, enhance productivity, and provide users with a clear overview of their business activities. It aims to provide a minimalist interface that allows users to focus on essential tasks without distractions.

## CORE FEATURES
1. **Dashboard Overview**: A clean, customizable dashboard that provides a snapshot of key business metrics, such as sales, expenses, and performance indicators.
2. **Task Management**: A simple task management system that allows users to create, assign, and track tasks with due dates and priority levels.
3. **Client Management**: A feature to store and manage client information, including contact details, interaction history, and project assignments.
4. **Reporting Tools**: Generate visually appealing reports based on data analytics that help users track performance trends and make informed decisions.
5. **Notification System**: A streamlined notification system to alert users of upcoming tasks, deadlines, and important updates.
6. **Settings and Preferences**: An intuitive settings panel where users can customize their experience, including themes, notifications, and account settings.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a focus on clean lines and ample white space. The design should promote a distraction-free environment.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring excellent readability and a fresh look.
- **Layout**: A grid-based layout that organizes information hierarchically, with a sidebar for navigation and a main content area for displaying details. The layout should adapt seamlessly to various screen sizes.
- **Typography**: Use a sans-serif font for headings (e.g., 'Roboto' or 'Open Sans') and a complementary sans-serif font for body text. Maintain a clear hierarchy with larger font sizes for headings and uniform spacing for legibility.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe development experience.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design and responsive adjustments.
- **UI Components**: Utilize shadcn/ui for pre-designed components that adhere to the minimalist aesthetic.
- **State Management**: Implement Zustand or Redux, depending on the complexity of the state management needs.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create Basic Layout**: Develop the main layout structure with a sidebar for navigation and a content area using Tailwind CSS for styling.
3. **Build Core Features**: Implement each core feature one at a time, starting with the Dashboard Overview, followed by Task Management, Client Management, Reporting Tools, Notification System, and Settings.
4. **Integrate State Management**: Set up Zustand or Redux for managing the application state effectively, ensuring that data flows seamlessly between components.
5. **Responsive Design**: Utilize Tailwind CSS to ensure that the application is fully responsive and provides a consistent user experience across devices.
6. **Testing and Debugging**: Conduct thorough testing of all features and interactions, fixing bugs and optimizing performance as necessary.

## USER EXPERIENCE
Users will navigate through a simplified interface where they can quickly access the dashboard to view key metrics, manage tasks with drag-and-drop functionality, and easily switch between different sections using the sidebar. Notifications will provide timely reminders without overwhelming users, and the settings will allow for personalized adjustments to enhance the user experience. The overall experience should feel fluid and intuitive, prioritizing user needs and ensuring smooth interactions.