Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project "Lovable Prompts" is a web application designed to provide users with a seamless and enjoyable experience for managing tasks with a drag-and-drop functionality. The app aims to enhance productivity through a minimalist design approach, making it intuitive for users to organize their tasks effectively.

## CORE FEATURES
1. **User Registration & Authentication**  
   Enable users to create accounts and log in securely to access their personalized task management dashboard.

2. **Task Creation & Management**  
   Users can create, edit, and delete tasks, allowing them to keep track of their to-dos efficiently.

3. **Drag-and-Drop Functionality**  
   Implement a user-friendly drag-and-drop interface for tasks, enabling users to easily prioritize and organize their workload.

4. **Task Categories & Labels**  
   Allow users to categorize tasks and assign labels for better organization and quick access.

5. **Notifications & Reminders**  
   Users receive notifications for upcoming deadlines and reminders to stay on track with their tasks.

6. **Contact Support**  
   A contact form for users to reach out for support or inquiries regarding their task management experience.

## 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 will feature a top navigation bar, a hero section at the top showcasing the app's purpose, followed by task management features displayed in a grid format, and a footer with contact information and helpful links.

## TECHNICAL REQUIREMENTS
- **Framework:** React with TypeScript
- **Styling:** Tailwind CSS
- **UI Components:** shadcn/ui
- **State Management:** Use React Context API or Zustand for state management as needed.

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**
   - Initialize a new React project using Create React App with TypeScript.
   - Install Tailwind CSS and configure it according to the documentation.

2. **Create the Basic Structure**
   - Develop the main layout including header, footer, and routing.
   - Create a responsive navigation bar with links to core features.

3. **Implement Authentication**
   - Set up user registration and login forms, integrating with a backend service for authentication.
   - Use context to manage user state across the application.

4. **Build Core Features**
   - Develop the task creation feature with a form allowing users to input task details.
   - Implement drag-and-drop functionality using a library like react-beautiful-dnd to allow users to rearrange tasks easily.

5. **Design Task Categories**
   - Create the functionality to categorize tasks and assign labels, allowing users to filter and view tasks based on their categories.

6. **Establish Notifications**
   - Integrate a notification system that alerts users of important deadlines and reminders for tasks.

7. **Implement Contact Support**
   - Add a contact form component that allows users to submit inquiries directly.

## USER EXPERIENCE
The user experience will focus on simplicity and responsiveness. Upon landing on the homepage, users will be greeted with a clear call-to-action to start managing their tasks. Navigation will be intuitive, allowing users to quickly find options and manage their tasks. The task management interface will provide a cohesive view of their activities, ensuring that users feel in control and informed throughout their interactions with the application. 

By adhering to these specifications and focusing on a minimalist design, "Lovable Prompts" aims to provide a delightful user experience while facilitating effective task management.