Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide a comprehensive platform for real-time data updates and user authentication. The application leverages modern technologies to improve customer engagement, streamline operations, and enhance overall efficiency while ensuring security and performance best practices.

## CORE FEATURES
1. **User Authentication**: Implement secure user authentication using JWT, OAuth 2.0, Role-Based Access Control (RBAC), and Multi-Factor Authentication (MFA) to protect user data and access.
2. **Real-Time Data Updates**: Enable live dashboards, instant notifications, collaborative editing, and live chat functionalities to facilitate real-time communication and data sharing among users.
3. **Core Business Features**: Provide essential business tools such as admin panels for user management, data visualization for insights, and API integrations for third-party services.
4. **Performance Optimization**: Incorporate frontend and backend optimization strategies to ensure fast load times and smooth user interactions.
5. **Security Best Practices**: Implement comprehensive application security measures to safeguard user data and maintain application integrity.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will focus on a clean and simple aesthetic with ample white space, ensuring clarity and ease of use.
- **Color Mode**: Light theme with dark text on light backgrounds for high readability and a modern look.
- **Layout**: The main layout will consist of a top navigation bar, a central content area for dashboards and features, and a sidebar for additional navigation options. Each section will be distinct and easy to navigate.
- **Typography**: Use a sans-serif font for a modern feel (e.g., Inter or Roboto), with a clear hierarchy: larger sizes for headings, medium for subheadings, and standard sizes for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and scalable frontend.
- **Styling**: Tailwind CSS for utility-first styling that allows for rapid UI development.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable UI components.
- **State Management**: Implement Redux or Zustand for effective state management across the application.

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript and install necessary dependencies (e.g., Tailwind CSS, shadcn/ui).
2. **Configure Authentication**: Set up user authentication with JWT and OAuth 2.0, implementing RBAC and MFA for enhanced security.
3. **Develop Core Features**: Create the admin panel, dashboard components, and data visualization tools. Integrate API services as required.
4. **Implement Real-Time Functionality**: Use Socket.io for real-time data updates and interactions (live chat, notifications).
5. **Optimize Performance**: Apply frontend and backend optimization techniques, including lazy loading, efficient data fetching, and caching strategies.
6. **Enhance Security**: Implement security measures such as input validation, secure API endpoints, and regular security audits.

## USER EXPERIENCE
Key user interactions will include seamless login and registration processes, real-time notifications during collaborative tasks, and easy navigation through the admin panel and dashboards. Users will experience intuitive layouts with clear call-to-action buttons, ensuring they can engage with the application effectively and efficiently. The responsive design will ensure optimal experiences across various devices.