Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide users with access to a variety of browser games from a single platform. The app will allow users to browse, launch, and enjoy multiple games seamlessly, creating a centralized hub for gaming entertainment.

## CORE FEATURES
1. **Game Library**: A comprehensive collection of browser games categorized by genre, popularity, and new arrivals for easy navigation.
2. **Search Functionality**: An intuitive search bar that allows users to quickly find their favorite games by title or genre.
3. **Favorites**: Users can bookmark their favorite games for quick access later, enhancing user engagement and retention.
4. **User Profiles**: Basic user accounts that enable users to save their preferences and track their favorite games, providing a personalized experience.
5. **Game Ratings and Reviews**: A section for users to rate and review games, helping others to discover popular titles based on community feedback.
6. **Responsive Design**: The application will be fully responsive, ensuring optimal performance and usability across all 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 for featured games, a grid layout for the game library, and a footer for additional links and contact information.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React Context API for managing user profiles and favorites

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Build the main layout components, including the Navigation Bar, Hero Section, Game Grid, and Footer using Tailwind CSS for styling.
3. **Implement Routing**: Set up React Router for navigation between different sections of the app, such as the game library and user profile.
4. **Develop Game Library**: Create a dynamic game library component that fetches and displays games from an API or a static JSON file.
5. **Add Search Functionality**: Implement a search bar component that filters the game library based on user input.
6. **User Authentication**: Integrate a simple authentication mechanism for user profiles, allowing users to sign up, log in, and manage their favorites.
7. **Game Ratings and Reviews**: Develop a component for users to submit ratings and reviews for each game, displaying this information in the game details view.
8. **Testing and Debugging**: Test the application across various devices and browsers to ensure a seamless user experience and fix any bugs.
9. **Deploy Application**: Choose a hosting provider (e.g., Vercel or Netlify) to deploy the application and make it accessible to users.

## USER EXPERIENCE
Users will land on a visually appealing homepage featuring a hero section with popular games and a clear call-to-action to start browsing. The game library will be easily navigable with filters and search functionality, while the responsive design ensures that the experience remains fluid on mobile devices. Users can sign up or log in to access their profiles, where they can save favorites and view their game history, enhancing user engagement and satisfaction.