Lovable Prompt Creator - AI Prompt Generator

# Lovable Web Application Prompt

## APPLICATION OVERVIEW
This web application is an admin dashboard designed to enhance user management and content preview capabilities. Users can create unique usernames instead of displaying real emails, providing a layer of privacy. The application features an advanced admin dashboard that allows for searching, managing users, and adding new administrators with custom permissions, alongside a post preview feature.

## CORE FEATURES
1. **Unique Username Creation**: Users can register with unique usernames instead of real emails, enhancing privacy and user experience.
2. **Admin Dashboard**: A comprehensive dashboard for administrators to manage users, view statistics, and conduct searches efficiently.
3. **Custom Permissions**: Ability to add new admins with customizable permissions tailored to their roles.
4. **Post Previews**: Admins can preview posts before they go live, ensuring content quality and appropriateness.
5. **Search Functionality**: A powerful search feature enables admins to quickly locate users and posts within the system.

## 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 fluid layout that prioritizes usability and accessibility, featuring a sidebar for navigation, a main content area for dashboard statistics, and a responsive design for various screen sizes.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux for managing application state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Layout**: Develop a responsive layout with a sidebar for navigation and a main content area for features.
3. **Build Admin Dashboard**: Implement the admin dashboard, integrating user management functionalities and search capabilities.
4. **User Registration Module**: Create a registration form that allows users to create unique usernames and manage related authentication processes.
5. **Admin Permissions System**: Develop a system to add new admins with customizable permissions based on roles.
6. **Post Preview Feature**: Implement functionality that allows admins to preview posts before publication.
7. **Styling Components**: Apply Tailwind CSS to style components according to the specified design specifications.

## USER EXPERIENCE
The application will provide a streamlined user experience where admins can quickly navigate through the dashboard, manage users, and control content. Key interactions will include registering with unique usernames, efficiently searching through users and posts, and leveraging the admin dashboard to perform necessary management tasks. The minimalist design will ensure clarity and focus, enhancing overall usability.