Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to mimic the Roblox menu interface, allowing users to gift Robux and display all Roblox users along with their avatars. The application will provide a sleek, user-friendly experience with a focus on minimalist design principles.

## CORE FEATURES
1. **User List Display**: A dynamic list of all Roblox users showcasing their avatars and usernames.
2. **Robux Gifting System**: An intuitive interface that allows users to select a recipient and gift Robux seamlessly.
3. **Search Functionality**: Users can search for specific Roblox usernames to quickly find and gift Robux.
4. **User Profile View**: Clicking on a user will bring up a detailed view of their profile, including avatar and in-game stats.
5. **Responsive Design**: The application will be fully responsive, ensuring an optimal experience on both desktop and mobile devices.
6. **User Authentication (Optional)**: Allow users to log in to track their gifting history and manage their accounts.

## 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 will consist of a header with the logo and navigation, a hero section for the main action, followed by a user list section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React Context or Redux (if needed for complex state)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Design Layout**: Create the main layout structure with a header, hero section, user list, and footer.
4. **Implement User List**: Develop the user list component, integrating the API to fetch Roblox user data.
5. **Gifting System**: Build the Robux gifting system, ensuring it's user-friendly and intuitive.
6. **Search Functionality**: Develop the search bar and filter functionality to streamline user searches.
7. **Profile View**: Create a modal or separate view to display detailed user profiles when clicked.
8. **Responsive Design**: Utilize Tailwind CSS to ensure all components are responsive and look good on all devices.
9. **Testing**: Conduct thorough testing to ensure all functionalities work as expected and fix any issues found.
10. **Deployment**: Deploy the application using a suitable platform (e.g., Vercel, Netlify).

## USER EXPERIENCE
Users will be greeted with a clean and organized layout that encourages interaction. They can easily search for users, view profiles, and gift Robux with minimal clicks. The design will prioritize usability, ensuring that the gifting process is straightforward and engaging, enhancing the overall experience on the platform.