Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide users with a streamlined interface for managing tasks effectively. The primary purpose is to enhance productivity through intuitive task management features, allowing users to easily create, edit, and track their tasks in a clean and minimalist environment.

## CORE FEATURES
1. **Task Creation**: Users can quickly add new tasks with relevant details such as title, description, due date, and priority level.
2. **Task Management**: Users can view, edit, and delete existing tasks from a user-friendly dashboard.
3. **Due Date Reminders**: Notifications for upcoming deadlines to help users stay on top of their tasks.
4. **Filtering and Sorting**: Options to filter tasks by status (completed, pending) and sort by due date or priority.
5. **User Authentication**: Secure login and registration for personalized task management experiences.
6. **Data Persistence**: Tasks are saved and retrieved from a database to ensure users don’t lose their progress.

## 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 features a top navigation bar, a sidebar for task filtering options, and a central dashboard area displaying task lists with a clean, card-based design for each task.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing global state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or similar tools.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and any other necessary packages (e.g., React Router for navigation).
3. **Create Components**: Develop reusable components for the task list, task item, and form for adding/editing tasks.
4. **Implement State Management**: Set up Redux or Context API to manage the tasks' state across the application.
5. **Build User Authentication**: Implement user registration and authentication features.
6. **Design Layout**: Apply the minimalist design principles using Tailwind CSS to create the layout as specified.
7. **Add Functionality**: Implement task management functionalities including creating, editing, deleting, and filtering tasks.
8. **Testing and Debugging**: Thoroughly test all functionalities to ensure a seamless user experience and fix any bugs.
9. **Deploy Application**: Host the application on a platform such as Vercel or Netlify for public access.

## USER EXPERIENCE
Users will experience a seamless interaction where they can easily navigate through the application, create and manage their tasks with minimal clicks. The clean design allows users to focus on their tasks without distractions, while notifications and reminders keep them informed of upcoming deadlines, enhancing their overall productivity. The responsive design ensures a consistent experience across various devices, making task management accessible anywhere.