Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web-based dashboard designed to manage requests with a robust authentication system and multi-profile management. It allows users to log in, register, and manage multiple profiles for family members, enhancing the user experience by automating data entry and providing tailored access to requests.

## CORE FEATURES
- **User Authentication**: Secure login and registration system, including social login options (e.g., Google).
- **Profile Management**: Ability to add and manage multiple profiles under a single account, with specific relationships defined for each profile.
- **Request Creation**: A streamlined form for submitting new requests, with auto-fill capabilities based on previously entered user data.
- **AI Integration**: Automatic identification of profiles based on uploaded documents, enhancing the request submission process.
- **Search and Filtering**: A search feature to view and filter requests by status, providing a user-friendly way to manage and track submissions.
- **Responsive Design**: Optimized layouts for both desktop and mobile views, ensuring a consistent user experience across devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Layout**: 
  - **Login Page**: Centered login form with options for user registration and social login.
  - **Dashboard**: Header with a centered logo and user initials on the right, dropdown for account management.
  - **Request Management**: Search bar and new request button prominently displayed, with chips for filtering requests based on their status.
- **Typography**: Use of a modern sans-serif font. Weight hierarchy: 
  - Heavy for active states (desktop)
  - Black for request counts (mobile)
  - Roman for inactive states.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling
- **UI Components**: shadcn/ui for modern component design
- **State Management**: Redux or Context API for managing user states and profiles.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using TypeScript and install necessary dependencies (React Router, Tailwind CSS, etc.).
2. **Create Authentication Module**:
   - Implement login and registration forms.
   - Integrate social login functionality.
3. **Develop Profile Management**:
   - Create components for adding and editing user profiles, ensuring the relationship field is included.
4. **Build Request Submission Form**:
   - Design the request form with auto-fill capabilities based on user profiles.
   - Implement AI functionality to identify profiles from uploaded documents.
5. **Design Dashboard Layout**:
   - Create the header with logo and user initials.
   - Implement the search bar and filtering chips for requests.
6. **Responsive Design**: Ensure the application is fully responsive, testing on both desktop and mobile devices.
7. **Testing & Debugging**: Conduct thorough testing of all functionalities, including form submissions and AI identification.

## USER EXPERIENCE
The user journey begins at the login page, where users can either log in or register. Upon successful login, users are directed to a personalized dashboard where they can manage their requests and profiles. The search functionality allows users to easily navigate through their requests, while the AI feature simplifies the data entry process during request submissions. The interface ensures clarity and ease of use, with a consistent design across all devices. 

This prompt encapsulates the entire vision for the application, adhering to the requirements for a comprehensive web application while ensuring a minimalist and user-friendly design.