Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"LovablePrompts.app" is a web application designed to provide users with a streamlined experience for creating and managing tasks using a drag-and-drop interface. The focus is on simplicity and efficiency, allowing users to easily organize their tasks in a minimalist environment that enhances productivity.

## CORE FEATURES
1. **User Authentication**: Secure registration and login functionality for users to create and manage their accounts.
2. **Task Management**: Users can create, edit, and delete tasks with a drag-and-drop feature for easy organization.
3. **Task Categories**: Provide the option for users to categorize tasks for better organization and prioritization.
4. **Collaboration Tools**: Enable sharing of task lists with other users for collaborative projects.
5. **Notifications**: Real-time alerts for task deadlines and updates to keep users informed.
6. **User Profiles**: Allow users to customize their profiles and manage their task settings.

## 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 feature a top navigation bar for easy access to key sections, a hero section displaying the main call to action, followed by a grid layout for features and user testimonials, concluding with a contact section.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (for managing user state and task data)

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with TypeScript using Create React App or another preferred method.
2. **Install dependencies**: Install Tailwind CSS and shadcn/ui components.
3. **Create the main layout**: Develop the navigation bar and the main layout structure using Tailwind CSS for styling.
4. **Implement User Authentication**: Set up user authentication functionality using a library such as Firebase or Auth0.
5. **Develop Task Management Feature**: Create the interface for users to add, edit, delete, and drag-and-drop tasks.
6. **Build Task Categories**: Implement a feature allowing users to categorize their tasks.
7. **Add Collaboration Tools**: Integrate functionality for users to share task lists with others.
8. **Set up Notifications**: Implement a notification system to alert users about task deadlines and updates.
9. **User Profiles**: Create user profile management to allow customization of task settings.

## USER EXPERIENCE
Users will enjoy a clean and intuitive interface where they can log in or sign up effortlessly. The task management process will be designed to be user-friendly, allowing for quick task creation, editing, and organizing through drag-and-drop functionality. Users will receive immediate feedback through notifications about their tasks, enabling them to stay on top of deadlines. The overall responsive design will ensure a seamless experience across devices, promoting productivity in a minimalist setting.