Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as an intelligent relationship management tool, leveraging AI to help users maintain and strengthen their friendships through automated reminders and personalized suggestions. It provides users with insights into their social connections, including communication frequency, conversation topics, and relationship categorization, all presented in a user-friendly interface.

## CORE FEATURES
1. **Automated Notifications**: Users receive timely alerts about upcoming conversations, important events, and follow-up reminders to ensure they stay connected with their friends.
2. **Categorization of Relationships**: Users can group their contacts into categories (e.g., work, running groups) for better organization and easier access to communication.
3. **Detailed Contact Profiles**: Each contact profile includes information about how and where the user met the person, communication frequency, and conversation history, with quick access to social media links for easy outreach.
4. **Social Media Integration**: Provides users with pre-written suggestions for messages when reaching out through platforms like WhatsApp, streamlining the communication process.
5. **Admin Panel**: An administrative interface for managing categories and contacts, allowing users to add, edit, or delete entries as needed.
6. **Holigraph Visualization**: A visual representation (holigraph) based on categories, displaying connections and relationships to enhance user engagement.

## 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 includes a top notification bar for important alerts, followed by categorized relationship blocks that are clickable, leading to detailed profiles of contacts.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: [Redux or Context API, as needed for global state]

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Design Layout**: Create the main layout with a notification bar at the top and a grid for relationship categories below.
3. **Implement Notification System**: Develop a component that fetches and displays upcoming notifications for user actions.
4. **Create Relationship Categories**: Build a feature allowing users to create, edit, and delete relationship categories from the admin panel.
5. **Develop Contact Profiles**: Implement detailed profiles that provide insights into each contact, including communication history and social media links.
6. **Integrate Social Media Links**: Ensure the application provides pre-written suggestions for messages when users click on social media icons.
7. **Build Holigraph Visualization**: Create a visualization component that displays user relationships based on categories.

## USER EXPERIENCE
Users will interact with a clean interface that prioritizes ease of navigation. The notification bar will prominently display important alerts at the top of the screen. Clicking on category blocks will lead users to a list of contacts within that category. Selecting a contact will open a profile with detailed information, and users will have the option to reach out through social media with a suggested message ready to send. The admin panel will be straightforward, allowing for efficient management of contacts and categories. The overall experience will be responsive, ensuring usability across devices.