Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to allow users to discover, play, and add games from various websites, similar to platforms like Poki and CrazyGames. The application will provide a seamless and engaging experience for users looking to access a wide variety of games in a clean and minimalist interface.

## CORE FEATURES
1. **Game Library**: A curated collection of games from different sources, categorized for easy navigation.
2. **Add Game Feature**: Users can submit links to games from other websites, which will be reviewed before being added to the library.
3. **Search Functionality**: An intuitive search bar to help users find specific games quickly.
4. **User Profiles**: Allow users to create profiles to save their favorite games and track their gaming history.
5. **Responsive Design**: The application will be fully responsive, ensuring a great experience on both desktop and mobile devices.
6. **Rating and Reviews**: Users can rate and leave reviews for games, helping others to find the best options.

## 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**: A single-page layout with a header for navigation, a main area for the game library and features, and a footer with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing application state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Configure Tailwind CSS**: Set up Tailwind CSS with the necessary configurations for a minimalist design.
3. **Create Components**: Build reusable components such as Navbar, GameCard, SearchBar, and UserProfile.
4. **Implement Routing**: Use React Router for handling navigation between different sections of the application.
5. **Set Up State Management**: Implement context or Zustand for managing user profiles, game submissions, and reviews.
6. **Game Submission Logic**: Develop a form for users to submit game links and integrate a review process.
7. **Styling and Responsiveness**: Ensure all components are styled according to the design specifications and are responsive across devices.
8. **Testing**: Conduct user testing to identify any usability issues and refine the application based on feedback.

## USER EXPERIENCE
Users will land on a clean, minimalist homepage featuring a search bar at the top, followed by a grid of game cards showcasing popular games. They can easily navigate to their profiles to view favorites or submit new games. The rating and review system will encourage community interaction, while the responsive design ensures that users on mobile devices have an equally enjoyable experience. The overall goal is to create a fluid and engaging environment that keeps users coming back for more.