Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to connect with LinkedIn, allowing users to analyze their engagement metrics. It will track who interacts with their content, views their profile, and identify which contacts are more advanced with the user's product or service. Users can download this information via an API integration with Clay, providing insights to enhance their networking strategy.

## CORE FEATURES
1. **LinkedIn Integration**: Seamlessly connect user LinkedIn profiles to import engagement data.
2. **Engagement Analytics Dashboard**: Visual representation of who interacts with content and views profiles, including metrics like views and likes.
3. **Contact Insights**: Identify contacts who are more engaged with the user's products or services, displaying their interaction history.
4. **API Data Export**: Enable users to download engagement analytics directly to Clay via API for further analysis.
5. **User Profile Management**: Allow users to manage their profile settings and LinkedIn connections within the app.
6. **Notifications**: Provide users with alerts about new interactions and significant updates regarding their LinkedIn activity.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - A clean and simple design featuring ample white space, focusing on clarity and ease of use.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring readability and a modern aesthetic.
- **Layout**: A single-column layout for the dashboard, featuring a header with navigation, a main content area for analytics, and a sidebar for user settings and insights.
- **Typography**: Use a sans-serif font such as "Roboto" for body text and "Montserrat" for headings to maintain a modern, clean feel. Establish a clear hierarchy with larger sizes for headings and consistent spacing.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for rapid UI development and responsiveness.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Consider using Zustand or React Query for handling state and API requests efficiently.

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize the React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **LinkedIn API Integration**: Set up OAuth for LinkedIn to allow users to authenticate and connect their profiles securely.
3. **Data Fetching**: Implement API calls to retrieve user engagement metrics and display them on the dashboard.
4. **Dashboard Development**: Create components for the analytics dashboard, ensuring responsiveness and clarity in data presentation.
5. **API Export Feature**: Develop the functionality for data export to Clay, enabling users to download their analytics.
6. **User Profile Management**: Build a settings interface where users can manage their LinkedIn connections and app preferences.
7. **Testing and Optimization**: Conduct thorough testing for user interactions and optimize the app for performance and usability.

## USER EXPERIENCE
Users will start by connecting their LinkedIn account, which will trigger the data fetching process. The dashboard will display engagement metrics in a visually appealing format, allowing users to quickly identify key interactions. Users can navigate through their profile settings to manage connections and receive notifications about significant events. The API export feature will provide a seamless way to download insights into Clay, enhancing the user's ability to analyze their networking strategies effectively.