Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to streamline the process of accessing Gmail without the need for login credentials. It focuses on providing users with a straightforward interface that allows quick access to essential features while maintaining a minimalist aesthetic.

## CORE FEATURES
1. **Quick Access to Gmail**: Users can access their Gmail inbox without needing to log in, providing a seamless experience.
2. **Search Functionality**: A search bar that allows users to find specific emails quickly.
3. **Email Preview**: Display a preview of the latest emails in the inbox for quick scanning.
4. **Responsive Design**: The application will adapt to various screen sizes, ensuring usability on mobile and desktop devices.
5. **Contact List**: Users can view a list of frequently contacted individuals for easy access.

## 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 include a top navigation bar, a central content area for email previews and search functionality, and a sidebar for the contact list.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout**:
   - Implement a top navigation bar that includes application branding.
   - Create a central content area for email previews and a search bar.
   - Design a sidebar for the contact list.
3. **Integrate Email Functionality**:
   - Use the Gmail API to fetch emails and display them in the central content area.
   - Implement the search functionality to filter through emails.
4. **Style Components**: Apply Tailwind CSS classes to all UI components according to the design specifications.
5. **Implement Responsiveness**: Use responsive design techniques to ensure the application looks good on all devices.
6. **Test Functionality**: Ensure all features work as intended and fix any bugs.

## USER EXPERIENCE
Users will interact with a clean and simple interface. Upon entering the application, they will immediately see their email previews and can use the search bar to find specific emails. The contact list will allow quick access to frequently contacted individuals. The overall experience will be fluid and intuitive, making it easy for users to navigate without unnecessary distractions.