Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application inspired by Roblox, designed to provide users with a platform to create, share, and play games. The main purpose of the application is to facilitate a community-driven environment where users can engage with interactive gaming experiences, allowing for customization and creativity.

## CORE FEATURES
1. **User Registration & Login**: Users can create accounts and log in to access their profiles and saved creations.
2. **Game Creation Tools**: An intuitive interface that allows users to design and build their own games using drag-and-drop features and customizable assets.
3. **Game Library**: A searchable collection of user-created games, categorized by genre and popularity, enabling easy discovery and exploration.
4. **Social Features**: Users can follow friends, share games, and comment on creations, fostering community interaction.
5. **Analytics Dashboard**: A feature for users to track their game performance, including plays, likes, and user feedback.
6. **Monetization Options**: Users can set up in-game purchases or premium features for their games, offering a way to earn from their creations.

## 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 with call-to-action, followed by features, a game showcase section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for accessible and visually appealing components.
- **State Management**: React Context API for managing user state and game data.

## IMPLEMENTATION STEPS
1. **Set Up the React Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Base Components**: Develop the main components including Navigation, Hero, Features, Game Library, and Footer.
4. **Implement Routing**: Use React Router to manage navigation between different sections of the application.
5. **Build User Authentication**: Set up user registration and login functionalities, ensuring secure handling of user data.
6. **Develop Game Creation Tools**: Create the UI for game creation, including asset libraries and design interfaces.
7. **Integrate Social Features**: Add functionalities for users to follow, comment, and share games.
8. **Implement Analytics Dashboard**: Create a dashboard for users to monitor their game metrics.
9. **Test Responsiveness**: Ensure the application is responsive and performs well on various devices.
10. **Deploy the Application**: Choose a hosting service to deploy the application and make it accessible to users.

## USER EXPERIENCE
The application will provide a seamless user experience with a straightforward onboarding process. Users will navigate through an intuitive interface, easily accessing game creation tools and community features. Key interactions will include creating and customizing games, exploring the game library, and engaging with other users through comments and follows. The minimalist design will enhance usability, ensuring that users can focus on creativity and community engagement.