Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to connect users with administrators in real-time for Eko Solutions, a junior company focused on economics. This platform will facilitate seamless communication and support, enhancing user engagement and interaction.

## CORE FEATURES
1. **Real-Time Chat**: Users can connect with administrators through a chat feature that supports real-time messaging.
2. **User Registration & Authentication**: Secure sign-up and login process for users to access the platform and connect with admins.
3. **Admin Dashboard**: A dedicated dashboard for administrators to manage user queries, track conversations, and view analytics.
4. **Notification System**: Users receive notifications for new messages and updates from administrators.
5. **User Profiles**: Each user has a profile where they can manage their information and view chat history.
6. **Feedback System**: Users can provide feedback on their experience with the administrators, helping to improve service quality.

## 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 layout will consist of a top navigation bar, a main chat area, and a sidebar for user profiles and notifications, ensuring an intuitive flow for users and admins.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing user sessions and chat states.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Create Folder Structure**: Organize components, pages, and assets to maintain a clean codebase.
3. **Build Authentication Flow**: Implement user registration and login functionalities with secure API calls.
4. **Develop Chat Component**: Create the chat interface with real-time capabilities using WebSocket or similar technology.
5. **Implement Admin Dashboard**: Build the dashboard for administrators to manage interactions and view analytics.
6. **Integrate Notification System**: Set up a notification system to alert users of new messages or updates.
7. **Testing**: Conduct thorough testing to ensure all features work seamlessly and fix any bugs.
8. **Deploy**: Use platforms like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will have a straightforward experience that begins with registration or login. Once authenticated, they can easily navigate to the chat interface where they can communicate with administrators in real-time. The design will prioritize simplicity and accessibility, ensuring that users can interact without confusion. Admins will efficiently manage user chats through their dedicated dashboard, providing timely responses and maintaining engagement.