Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a minimalist platform focused on providing users with a clean and efficient interface for task management. The application aims to streamline user interactions with core functionalities while maintaining a visually appealing and easy-to-navigate structure.

## CORE FEATURES
1. **User Authentication**: Allow users to sign up, log in, and manage their profiles securely.
2. **Task Management**: Enable users to create, edit, delete, and categorize tasks with ease.
3. **Dashboard Overview**: Provide a clear summary of tasks, deadlines, and progress tracking in a user-friendly dashboard.
4. **Collaboration Tools**: Facilitate task sharing and collaboration among users through shared task lists and notifications.
5. **Custom Reminders**: Allow users to set reminders for tasks to enhance productivity and time management.
6. **Responsive Design**: Ensure the application is fully responsive, providing an optimal experience across devices.

## 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 consist of a top navigation bar, a side menu for task navigation, a central dashboard area for task display, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set up the project**:
   - Initialize a new React project using Create React App with TypeScript.
   - Install necessary dependencies: Tailwind CSS, shadcn/ui, Redux (if required).
   
2. **Configure Tailwind CSS**:
   - Add Tailwind CSS configuration and integrate it into the project.
   - Define styles based on the design specifications.

3. **Build Authentication Module**:
   - Create components for user registration and login.
   - Implement authentication logic and API integration.

4. **Develop Task Management Features**:
   - Design the task creation, editing, and deletion components.
   - Implement the task categorization and reminder functionalities.

5. **Create the Dashboard**:
   - Design and implement the dashboard layout to display tasks and progress.
   - Integrate charts or progress indicators as needed.

6. **Implement Collaboration Tools**:
   - Create features for sharing tasks and collaborating, including notifications.

7. **Ensure Responsiveness**:
   - Test and refine the layout to ensure a seamless experience across different devices.

8. **Deploy the Application**:
   - Prepare the application for deployment and choose a hosting service (e.g., Vercel, Netlify).

## USER EXPERIENCE
Users will experience a straightforward flow starting with authentication, followed by easy navigation through a clean dashboard. Task creation and management will be intuitive, with interactive elements designed to enhance usability. Notifications and reminders will keep users informed of their tasks, ensuring they remain engaged and productive. The minimalist design will help users focus on their tasks without unnecessary distractions, providing a pleasant and efficient environment for managing their workload.