Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to replicate the features and functionalities of Roblox, including Roblox Plus and a virtual currency system allowing users to have 40 million Robux. The application aims to provide a user-friendly interface with engaging features that enhance the gaming experience.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts, sign in, and manage their profiles securely.
2. **Roblox Game Library**: A section for users to browse, search, and play various games available on the platform.
3. **Robux Management**: A virtual wallet system where users can track their Robux balance, purchases, and transactions.
4. **Community Features**: Forums or chat options for users to interact, share tips, and collaborate on games.
5. **Customization Options**: Users can personalize their avatars and profiles with various items available for purchase using Robux.
6. **Admin Dashboard**: A backend interface for administrators to manage users, monitor transactions, and oversee community 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 will consist of a top navigation bar, a hero section for promotions or announcements, a grid layout for game listings, and a footer with additional links and contact information.

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

## IMPLEMENTATION STEPS
1. **Set up the React Project**: Initialize a new React application using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create the Authentication System**: Implement user registration and login functionalities, using Firebase or a similar service for backend management.
4. **Develop the Game Library Component**: Create a grid layout that fetches and displays games from an API or mock data.
5. **Implement the Robux Management Feature**: Create a wallet component to display and manage the user's Robux balance.
6. **Build Community Features**: Design and implement forum or chat sections for user interaction.
7. **Admin Dashboard**: Create an admin interface to manage users and monitor activities.
8. **Test Responsiveness**: Ensure the application is fully responsive across various devices and screen sizes.
9. **Deploy the Application**: Use platforms like Vercel or Netlify for deploying the web application.

## USER EXPERIENCE
Users will interact with the application through a straightforward navigation bar, allowing easy access to games, their profiles, and community features. The user journey starts with seamless sign-up/sign-in processes, followed by exploring the game library, managing their Robux, and engaging with other users in community features. The design focuses on clarity and simplicity, ensuring users can navigate and utilize features without confusion.