Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to enhance customer management by providing a detailed customer profile page that includes work history and management of recurring tasks. The application aims to streamline client interactions and improve efficiency in handling customer-related tasks.

## CORE FEATURES
1. **Customer Details Page**: A dedicated page displaying comprehensive information about each customer, including contact details, preferences, and historical interactions.
2. **Work History Tracking**: A section that logs past interactions and tasks completed for each customer, allowing for easy reference and history tracking.
3. **Recurring Tasks Management**: A feature enabling users to set, edit, and manage recurring tasks associated with each customer, ensuring timely follow-ups and actions.
4. **Search and Filter Functionality**: Users can quickly find specific customers or tasks using search and filtering options to improve navigation and usability.
5. **Notifications and Reminders**: Automated alerts for upcoming tasks and important dates related to each customer, enhancing user engagement and task management.
6. **User Authentication**: Secure login functionality to protect customer data and ensure that only authorized personnel can access sensitive information.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, a minimal color palette, and a strong focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds, promoting readability and a fresh look.
- **Layout**: The main layout will consist of a sidebar for navigation, a header for user information, and a central content area displaying customer details and work history. Each section will be clearly delineated with ample spacing.
- **Typography**: Use sans-serif fonts for clarity and modernity. Headings will be bold and larger in size to create a visual hierarchy, while body text will be regular weight for easy reading.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type-checking and component structure.
- **Styling**: Tailwind CSS for utility-first styling, enabling quick and responsive design adjustments.
- **UI Components**: Utilize shadcn/ui components for consistent and accessible design patterns.
- **State Management**: Implement React Context API or Redux for managing application state across components.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Authentication System**: Implement user authentication using a suitable method (e.g., JWT tokens).
3. **Build Core Components**: Develop components for the customer details page, work history, and recurring tasks management.
4. **Implement State Management**: Set up global state management to handle customer data and user sessions.
5. **Design Layout**: Structure the application using the specified layout, ensuring responsiveness and accessibility.
6. **Add Functionality**: Integrate search and filter functionalities, along with notifications and reminders.
7. **Testing**: Conduct thorough testing for usability, performance, and responsiveness across different devices.
8. **Deployment**: Prepare the application for deployment on a web server or cloud platform.

## USER EXPERIENCE
Users will interact with the application by logging in to their accounts, where they will be greeted with a dashboard displaying an overview of their customers. They can navigate through the sidebar to access individual customer details, view historical data, and manage tasks. The interface will guide users with clear calls to action, making it intuitive to add or edit customer information and set reminders for follow-ups. Responsive design ensures that the application is accessible on various devices, providing a seamless experience.