Lovable Prompt Creator - AI Prompt Generator

- ## APPLICATION OVERVIEW
This project is a web application designed to simulate a platform similar to Roblox, featuring a playful and engaging interface where users can interact with virtual currency (Robux) in a fun, non-monetary environment. The application will allow users to create and explore various virtual experiences while emphasizing a minimalist design to enhance usability.

## CORE FEATURES
1. **User Registration/Login**: Simple authentication process allowing users to create accounts and log in.
2. **Virtual Currency (Robux) Simulation**: Users can earn, spend, and manage virtual Robux within the application, providing a gamified experience without real transactions.
3. **User Profiles**: Customizable profiles where users can showcase their avatar and achievements.
4. **Explore Section**: A gallery of user-created experiences and games, with options to filter and search.
5. **Interactive Dashboard**: A user-friendly interface to track Robux balance, achievements, and favorite experiences.
6. **Community Features**: Options for users to connect, share experiences, and leave feedback on games.

## 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 feature a top navigation bar, a hero section for announcements, and a grid layout for the explore section, with side panels for user profiles and community interactions.

## 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**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Basic Components**: Develop reusable UI components (buttons, cards, navigation) with Tailwind CSS.
3. **Implement Routing**: Set up React Router for navigation between different sections (home, profile, explore).
4. **Build Authentication Flow**: Create user registration and login components, integrating local storage for session management.
5. **Develop Virtual Currency Logic**: Implement state management to handle Robux balance and transactions.
6. **Create Explore Section**: Design the gallery layout for user experiences, incorporating search and filter functionalities.
7. **Integrate Community Features**: Add components for user interactions and feedback, allowing users to connect and share.

## USER EXPERIENCE
The application will provide an intuitive user experience with clear navigation and responsive design. Upon landing, users will be greeted by a clean hero section that invites them to register or log in. Once logged in, users can easily access their profiles, explore new games, and manage their Robux. The layout will ensure that information is presented clearly, with ample white space and a focus on essential actions, making it easy for users to engage with the platform.