Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to simulate a Roblox-like environment where users can engage in virtual activities while accumulating a fictional currency of 100 million Robux. The primary purpose is to create an engaging and user-friendly platform that mimics the fun aspects of gaming while focusing on community interaction and user-generated content.

## CORE FEATURES
1. **User Registration & Authentication**: Allow users to create accounts and log in securely to access their profiles and accumulated Robux.
2. **Virtual Marketplace**: A section where users can buy, sell, or trade virtual items using their Robux.
3. **Game Creation Tool**: Users can create and customize their games or experiences within the platform.
4. **Leaderboard & Achievements**: A feature displaying top users based on Robux earned and games created, encouraging competition and engagement.
5. **Community Forum**: A space for users to discuss ideas, share tips, and collaborate on projects.
6. **Responsive Design**: Ensure the application is optimized for both desktop and mobile devices.

## 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 introducing the app, followed by sections for features, user testimonials, and a clear call-to-action button leading to the registration page.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit (for managing user state and game data)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React app with TypeScript and install necessary dependencies (React Router, Tailwind CSS, Redux Toolkit).
2. **Create Components**: Develop the core components such as Navbar, HeroSection, FeaturesSection, Marketplace, and Leaderboard.
3. **Set Up Routing**: Implement React Router to manage navigation between the home page, marketplace, and user profile.
4. **Implement State Management**: Use Redux Toolkit to manage user authentication state and game data.
5. **Design UI**: Apply Tailwind CSS styles to components, ensuring adherence to the minimalist design specifications.
6. **Test Across Devices**: Ensure the application is responsive and performs well on various screen sizes and devices.
7. **Deploy**: Use a platform like Vercel or Netlify for deployment after thorough testing.

## USER EXPERIENCE
Users will have a seamless experience starting from visiting the landing page, where they are introduced to the platform. After signing up, they can easily navigate through the marketplace to buy or sell items, create their games, and interact with other users through the community forum. The responsive design ensures that users can enjoy the app on both desktop and mobile devices, while the leaderboard keeps them engaged and motivated to participate actively.