Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a minimalist web application inspired by Roblox, designed to facilitate user engagement through interactive and customizable gaming experiences. The primary purpose is to provide a platform for users to create, share, and explore user-generated games in a clean and user-friendly environment.

## CORE FEATURES
1. **User Authentication**: Enable users to create accounts, log in, and manage their profiles securely.
2. **Game Creation Tool**: Provide a straightforward interface for users to design and publish their own games with customizable elements.
3. **Game Discovery**: Implement a feature for users to browse and search for games, including categories and tags to enhance findability.
4. **Social Features**: Allow users to follow each other, comment on games, and share their creations within the community.
5. **User Dashboard**: Create a personalized dashboard where users can track their games, see analytics, and manage their content.
6. **Responsive Design**: Ensure the application is fully responsive, providing an optimal experience across various 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 consist of a top navigation bar, a hero section for featured games, a grid layout for game discovery, and a footer for additional links and information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: [Use React Context API or Redux if necessary for managing global state]

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Design Layout**: Create the main layout structure using Tailwind CSS, ensuring a responsive design with a top navigation bar and footer.
3. **Implement Authentication**: Set up user authentication using Firebase or a similar service, creating components for login and registration.
4. **Build Game Creation Tool**: Develop the game creation interface, allowing users to upload assets and configure game settings.
5. **Develop Game Discovery Feature**: Create components for browsing and searching games, implementing filtering options based on categories and tags.
6. **Integrate Social Features**: Implement user profiles, follow functionality, and comment sections for games.
7. **Create User Dashboard**: Build the dashboard component where users can view their created games, analytics, and manage their profiles.
8. **Test Responsiveness**: Ensure all components are responsive and provide a seamless user experience on various devices.

## USER EXPERIENCE
Users will start by landing on a clean homepage featuring a hero section showcasing popular games. They can easily navigate to the login or registration page. Once authenticated, users can create their games using the intuitive game creation tool. The dashboard will provide insights into their game performance, while the discovery section allows for easy browsing of community-created games, fostering engagement and interaction within the platform.