Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to be a multi-functional social and communication platform. The application will integrate location-aware social feeds with real-time messaging and calling functionalities. It aims to create a seamless experience for users across both mobile (iOS/Android) and web platforms, focusing on communication and social interaction without any fintech features.

## CORE FEATURES
1. **Location-Based Feed**: Users can create geo-tagged posts that are displayed based on their location, with an algorithm prioritizing posts relevant to the user's area.
2. **Real-Time Messaging**: Leverage WebSockets for instant messaging capabilities, allowing one-on-one and group chats with media sharing options.
3. **Voice & Video Calls**: Integrate WebRTC or a third-party SDK for high-quality voice and video calling capabilities directly within the app.
4. **User Profiles**: Users can create and edit their profiles, manage their information, and connect with other users through contact discovery features.
5. **Moderation Tools**: Implement tools for reporting and blocking users, along with a moderation system to ensure a safe user environment.
6. **Offline Capability**: Users can access cached feeds and messages while offline, providing a smooth experience even without an internet connection.

## 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**: A bottom navigation bar will be used for core navigation, with sections for Feed, Inbox, Create Post, Notifications, and Profile.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (optional for managing complex state)

## IMPLEMENTATION STEPS
1. **Wireframe Main Screens**: Design wireframes for the Feed, Chat, Profile, and Notifications screens to establish the layout and flow.
2. **Set Up Authentication**: Implement user authentication using phone number and email login methods.
3. **Develop the Feed Feature**: Build the feed to allow users to create posts with geo-tagging and set up the algorithm for displaying relevant posts.
4. **Integrate Real-Time Messaging**: Set up WebSocket connections for messaging capabilities and ensure real-time updates for user interactions.
5. **Implement Voice & Video Calling**: Integrate WebRTC or the chosen SDK for voice and video calling functionalities.
6. **Add Moderation and Reporting Tools**: Create features for users to report content and manage moderation effectively.
7. **Optimize Performance & Caching**: Use Redis for caching and implement local storage for offline access to feeds and messages.

## USER EXPERIENCE
The application will provide a straightforward user experience, emphasizing quick access to the main features through a bottom navigation bar. Users can easily navigate between feeds and messaging, create posts with location tagging, and engage in real-time communications. The design will focus on responsive layouts, ensuring usability across various devices and screen sizes.