Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Zlarp is a web application designed for the Roblox community, providing users with a platform to connect, share experiences, and discover new games within the Roblox ecosystem. The application focuses on a minimalist design that prioritizes user engagement and ease of navigation, making it accessible for both seasoned players and newcomers.

## CORE FEATURES
1. **User Profiles**: Allow users to create and customize profiles showcasing their favorite games, achievements, and play history.
2. **Game Discovery**: A curated section featuring trending and recommended games based on user preferences and community ratings.
3. **Community Forums**: Interactive forums where users can discuss games, share tips, and collaborate on projects.
4. **Event Calendar**: A calendar displaying upcoming Roblox events, game launches, and community gatherings.
5. **Messaging System**: Enable users to communicate with friends and other community members directly through the platform.
6. **User Feedback**: A system for users to provide feedback on games and features, helping improve the platform continually.

## 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 for key announcements, a grid layout for game features, and a footer with links to community resources and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API (specify based on complexity).

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript using Create React App.
2. **Install dependencies**: Add Tailwind CSS, shadcn/ui, and Redux/Context API for state management.
3. **Create the folder structure**: Organize components, pages, and services for maintainability.
4. **Design the layout**: Implement the top navigation, hero section, and footer using Tailwind CSS.
5. **Develop core features**: Start with user profiles and game discovery, ensuring to integrate state management for dynamic data.
6. **Implement community forums**: Create a dedicated page for forums with post creation and commenting functionality.
7. **Add event calendar**: Integrate a calendar component that pulls events from a database or API.
8. **Build messaging system**: Set up real-time messaging using WebSockets or a similar technology.
9. **User feedback system**: Create forms for feedback submission and display results on a feedback page.
10. **Test the application**: Conduct thorough testing for responsiveness, functionality, and user experience.

## USER EXPERIENCE
Users will have a seamless experience navigating through the application, with intuitive interactions such as easy profile setup, straightforward game discovery, and engaging community forums. The minimalist design ensures that users can focus on content without distractions, while the responsive layout adapts effortlessly to various devices, providing an optimal experience whether on desktop or mobile. Key flows include signing up, customizing profiles, exploring games, and participating in community discussions, all designed to enhance user engagement and retention.