Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide a user-friendly interface reminiscent of Roblox, focusing on a minimalist aesthetic. The application will enable users to navigate through games, manage their profiles, and interact socially in a clean and straightforward environment.

## CORE FEATURES
1. **User Authentication**: Secure registration and login capabilities, allowing users to create and manage their accounts seamlessly.
2. **Game Selection Interface**: An engaging interface 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 in-game currency, enabling users to purchase items within the application.
6. **Responsive Design**: The application will adapt smoothly to various devices, enhancing user experience on both mobile and desktop platforms.

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

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

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Develop Main Layout**: Create the basic structure of the application 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 components for registration and login.
4. **Create Game Selection Interface**: Develop components to display games with functionalities for filtering and sorting.
5. **Develop Profile Management Features**: Allow users to edit their profiles and manage settings while ensuring data is stored securely.
6. **Integrate Social Features**: Build components for friend lists, chat functions, and online status indicators.
7. **Implement In-Game Currency Management**: Create a system to manage and display transactions related to in-game currency.
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 straightforward authentication process, seamlessly transitioning to the game selection interface. From there, they can browse games, manage their profiles, and engage with friends through social features. The minimalist design will ensure that users can focus on their gaming experience without distractions, while the responsive design will provide accessibility on any device. Interactions such as button presses and menu navigation will be smooth and intuitive, creating an engaging environment reminiscent of Roblox.