Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to help users search for and discover Roblox users. The primary focus is on providing a clean, user-friendly interface that allows visitors to easily find and view profiles of Roblox users based on various criteria.

## CORE FEATURES
1. **User Search Functionality**: Allow users to search for Roblox users by username, game preference, or user ID.
2. **User Profiles**: Display detailed profiles of users, including their avatar, game statistics, and friends list.
3. **Favorites**: Enable users to save their favorite profiles for quick access later.
4. **Responsive Design**: Ensure the application works seamlessly across devices, from desktops to mobile phones.
5. **User Feedback**: Allow users to leave comments or ratings on profiles to foster community interaction.
6. **Admin Dashboard**: Provide an admin interface to manage reported users and oversee user interactions.

## 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 structure will consist of a top navigation bar, a prominent search bar at the top, followed by a grid layout to display user profiles and a sidebar for additional filtering options.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing global state

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Core Components**: Build the main components including the search bar, user card, and navigation bar.
3. **Design the Layout**: Implement the main layout structure using Tailwind CSS for styling.
4. **Integrate User Search Functionality**: Set up API calls to fetch Roblox user data based on search queries.
5. **Implement User Profiles**: Create a profile component that displays user details dynamically.
6. **Add Favorites Feature**: Utilize the React Context API to manage a favorites list.
7. **Develop Admin Dashboard**: Create an admin interface for managing user interactions.
8. **Test Across Devices**: Ensure the application is responsive and functions well on various screen sizes.

## USER EXPERIENCE
Users will land on a clean homepage featuring a prominent search bar where they can input usernames or criteria. The search results will populate below in a grid format, showcasing user profiles. Users can click on any profile to view detailed information or save it to their favorites. The admin dashboard will allow for easy management of user interactions, ensuring a safe and enjoyable experience for all users. The minimalist design will ensure that users can navigate the site effortlessly, focusing on the search functionality and user profiles.