Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to replicate the user interface of Roblox, focusing on a minimalist aesthetic. The application will feature intuitive navigation and user-friendly interactions, allowing users to experience a Roblox-like environment with a clean and simple design.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login functionality to allow users to create and manage their accounts.
2. **Game Selection Interface**: A visually engaging layout displaying available games with easy navigation and filtering options.
3. **Profile Management**: Users can customize their profiles, including avatars and personal settings.
4. **Social Interaction**: Features for adding friends, chatting, and viewing online statuses of friends.
5. **In-Game Currency Management**: A system to manage and display currency, allowing users to purchase items within the app.
6. **Responsive Design**: The application will adapt seamlessly across various devices, enhancing user experience on mobile and desktop.

## 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 top navigation bar, a central game selection area, side panels for social interactions, and a footer with links to profile and settings.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux (as per complexity)

## IMPLEMENTATION STEPS
1. **Set up the project environment**: Initialize a React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Design the overall layout**: Create the main application structure with a top navigation bar, side panels, and a central game area using Tailwind CSS for styling.
3. **Implement user authentication**: Use Firebase or a similar service to set up user authentication, including sign-up and login components.
4. **Develop the game selection interface**: Create components to display games, including filtering and sorting functionalities.
5. **Build profile management features**: Allow users to edit their profiles and manage settings, ensuring data is stored securely.
6. **Integrate social features**: Develop components for friend lists, chat functionalities, and online status indicators.
7. **Implement in-game currency management**: Create a system to display and manage in-game currency transactions.
8. **Test for responsiveness**: Ensure that the application is fully responsive and user-friendly across all devices and screen sizes.

## USER EXPERIENCE
Users will begin their journey with a seamless authentication process, easily navigating to the game selection interface. From there, they can view games, manage their profiles, and interact with friends through social features. The minimalist design ensures that users can focus on their experience without distractions, while the responsive layout guarantees accessibility on any device. User interactions, such as clicking buttons or navigating through menus, will be smooth and intuitive, creating an engaging environment reminiscent of Roblox.