Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is an Email Parsing tool integrated into a sidebar navigation, designed specifically for Gmail users. It allows users to connect their Gmail accounts, retrieve and search emails intelligently using Google Gemini AI, and ensures personalized experiences for each account without cross-contamination of data.

## CORE FEATURES
1. **Gmail Integration**: Users can securely connect their Gmail accounts to sync all existing emails within their inbox.
2. **Account-Specific Data Storage**: The application saves email data specific to each logged-in account, preventing data overlap between different Gmail accounts.
3. **Intelligent Search Bar**: A dual-function search bar that allows users to perform regular searches and leverage Google Gemini AI to intelligently query email content.
4. **Date-Sensitive Email Retrieval**: The AI accurately retrieves emails based on specified dates and avoids hallucinations by ensuring results strictly match the search criteria.
5. **User Authentication**: Secure login mechanism for users to access their Gmail accounts safely and manage their email data.
6. **Responsive Design**: Ensures optimal usability across various devices, maintaining a clean and minimalist aesthetic.

## 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 sidebar for navigation, a central content area for email display and search functionalities, and responsive design elements to accommodate various screen sizes.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed for managing user sessions and email data)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create Authentication Flow**: Implement a secure OAuth 2.0 authentication process to connect users' Gmail accounts.
3. **Design the Sidebar Navigation**: Develop a sidebar component for easy navigation and include links to the email parsing feature.
4. **Implement the Email Sync Feature**: Create functionality to fetch and store emails from the connected Gmail account.
5. **Build the Intelligent Search Bar**: Develop a search component that communicates with Google Gemini AI for querying emails.
6. **Ensure Date-Sensitive Logic**: Integrate logic within the search functionality to accurately filter emails by date, preventing hallucinations of unrelated data.
7. **Test the Application**: Conduct thorough testing for usability, performance, and bug resolution.
8. **Deploy the Application**: Publish the application using a hosting service (like Vercel or Netlify) and ensure it is accessible to users.

## USER EXPERIENCE
Users will have a seamless experience starting from the login process, where they authenticate their Gmail accounts. Once logged in, they can easily navigate through their emails via a clean sidebar. The intelligent search bar enhances user interaction by allowing them to ask specific questions regarding their emails, returning accurate results that are relevant and timely. The minimalist design ensures that users can easily focus on their tasks without distractions, all while enjoying a responsive layout that adapts to their device's screen size.