Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Block Forge AI is a modern game creation platform that allows users to design and publish their own games using intuitive AI-assisted tools. The application aims to provide a user-friendly environment for both novice and experienced game developers, offering features that encourage creativity and social interaction in a safe and engaging setting.

## CORE FEATURES
1. **Home Page**: A game discovery feed featuring popular, trending, and recently created games, allowing users to explore new content easily.
2. **User Profiles**: Individual profiles showcasing avatars, usernames, followers, created games, and achievements to foster community engagement.
3. **Create with AI**: A prominent button that enables users to describe their desired game in natural language, making game creation accessible.
4. **AI Game Generator**: A text prompt box for users to input descriptions, with example prompts and a loading state to generate a playable game preview from the input.
5. **Game Editor**: A simple, browser-based editor with a 3D scene preview, object placement, terrain editing, character customization, lighting options, and a play/test functionality.
6. **Game Pages**: Dedicated pages for each game displaying thumbnails, titles, descriptions, creators, likes, player counts, and a Play button.

## 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 consists of a top navigation bar, a central content area for the game feed, user profiles, and editor, and a footer with social links and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or Context API as required)

## IMPLEMENTATION STEPS
1. **Set up the React project** using Create React App with TypeScript template.
2. **Install dependencies**: Add Tailwind CSS, shadcn/ui, and any other necessary libraries for state management and routing.
3. **Create the main layout**: Implement a responsive layout with a navigation bar, content area, and footer using Tailwind CSS.
4. **Develop the Home Page**: Integrate the game discovery feed using API or mock data.
5. **Build User Profiles**: Create components to display user information and achievements.
6. **Implement the AI Game Generator**: Design the UI for the text input and loading states, connecting it to the mock AI generation backend.
7. **Develop the Game Editor**: Create the editor interface, allowing for object placement, terrain, and character customization.
8. **Design Game Pages**: Implement dedicated pages for each game with details and play functionality.
9. **Ensure responsive design**: Test the application on different devices to confirm usability and visual integrity.
10. **Conduct thorough testing**: Validate user interactions, loading states, and error handling to ensure a seamless experience.

## USER EXPERIENCE
Users will navigate through a clean, intuitive interface that prioritizes ease of use. The game discovery feed allows for quick access to popular games, while the AI Game Generator simplifies the game creation process. Clear navigation and responsive design ensure that users can seamlessly transition between devices, while the game editor provides a playful environment for creativity. User profiles foster community and engagement, making Block Forge AI a vibrant platform for aspiring game developers.