Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed specifically for workstation laptops, providing users with a clean and efficient interface to manage their tasks and enhance productivity. The focus is on delivering a minimalist experience that prioritizes usability and simplicity, ensuring that users can navigate easily and access essential features without distraction.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login functionality for users to create accounts and manage their settings.
2. **Task Management**: Users can create, edit, and delete tasks, with options to categorize and prioritize them for better organization.
3. **Dashboard Overview**: A central dashboard that displays active tasks, completed tasks, and productivity statistics at a glance.
4. **Notifications**: Real-time notifications for task deadlines and updates to keep users informed and engaged.
5. **Integration with Tools**: Ability to integrate with popular productivity tools (like calendars or project management apps) for a seamless workflow.
6. **User Settings**: Customizable user profiles where users can adjust preferences and manage their account information.

## 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 layout features a top navigation bar for easy access to key sections, a sidebar for quick navigation, and a main content area that adapts based on user interactions. The dashboard will prominently display tasks and notifications, while all UI components maintain a consistent style with ample white space for clarity.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing application state efficiently (optional based on complexity).

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Create a new React project with TypeScript and install Tailwind CSS for styling.
2. **Configure Tailwind**: Set up Tailwind with the necessary configurations to enable the use of custom colors and border radii.
3. **Build Components**: Create the main components including the navigation bar, sidebar, task management interface, and dashboard overview. Utilize the Inter font for typography.
4. **Implement Authentication**: Set up user authentication using a service like Firebase or Auth0 to handle sign-up, login, and session management.
5. **Develop Task Management Functionality**: Implement the ability to create, edit, and delete tasks with state management to reflect changes in the UI.
6. **Integrate Notifications**: Use a library for real-time notifications or implement a simple polling mechanism to alert users about upcoming deadlines.
7. **Test Responsiveness**: Ensure that the application is fully responsive and functions well on different screen sizes, particularly focusing on laptop displays.
8. **Deploy the Application**: Choose a hosting platform to deploy the application and make it accessible to users.

## USER EXPERIENCE
Users will interact with a clean and straightforward interface where they can easily manage their tasks and view notifications. The dashboard will provide a quick overview of current tasks and deadlines, while intuitive navigation will guide them through various features. The minimalist design ensures that users can focus on their productivity without unnecessary distractions, allowing for a seamless and engaging user experience.