Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Zlarp Roblox is an interactive web application designed to provide users with a unique, engaging experience related to the Roblox gaming platform. The application will offer features such as game discovery, user profiles, and community interactions, all while maintaining a clean and minimalist design aesthetic.

## CORE FEATURES
1. **Game Discovery**: An interactive section where users can browse and search for popular and trending Roblox games.
2. **User Profiles**: Users can create and customize their profiles, showcasing their favorite games and achievements.
3. **Community Interaction**: A forum or discussion board for users to share tips, tricks, and experiences related to Roblox games.
4. **Favorites List**: Users can save their favorite games for easy access and quick play.
5. **Notifications**: Users receive alerts for new game releases, updates, or community events.
6. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience 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 game discovery, followed by sections for user profiles and community interaction. Each section will maintain ample white space to enhance readability and focus.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if necessary for complex state handling)

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Directory Structure**: Organize folders for components, pages, and assets.
3. **Implement Navigation Bar**: Develop a responsive navigation bar using shadcn/ui components.
4. **Build the Hero Section**: Create a hero section with an eye-catching background and a search bar for game discovery.
5. **Develop Core Features**: Implement the Game Discovery, User Profiles, and Community Interaction features, ensuring they are modular and reusable.
6. **Style Components**: Use Tailwind CSS to style components according to the specified design guidelines.
7. **Integrate State Management**: If using Redux, set up the necessary actions and reducers to manage user state and game data.
8. **Test for Responsiveness**: Ensure the application functions seamlessly across various devices and screen sizes.
9. **Deploy Application**: Choose an appropriate hosting solution for deploying the web application.

## USER EXPERIENCE
Key user interactions will include seamless navigation through the game discovery section, easy profile customization, and engaging discussions within the community board. Users will be able to quickly add games to their favorites list with a single click, and notifications will keep them informed of important updates. The minimalist design will ensure that users can focus on content without distractions, enhancing their overall experience.