Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to facilitate remote play of Rummy (romi) with friends and family. The application allows users to join games, create rooms, and interact in real-time, providing an engaging and fun online gaming experience.

## CORE FEATURES
1. **User Authentication**: Users can sign up and log in securely to manage their profiles and game history.
2. **Game Lobby**: A dedicated space for users to create or join existing game rooms with friends or other players online.
3. **Real-Time Gameplay**: Interactive game interface that allows players to play Rummy in real-time, with features to draw, discard, and meld cards.
4. **Chat Functionality**: In-game chat for players to communicate during the game, enhancing the social aspect of the experience.
5. **Game History**: Users can view their past games, including scores and statistics, to track their performance.
6. **Responsive Design**: A mobile-friendly layout that ensures a seamless gaming experience across devices, from desktops to smartphones.

## 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 header (for navigation), a game lobby section (for creating/joining games), a game board area (for active gameplay), and a sidebar for chat and player statistics.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit for efficient state management across the application

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install dependencies (React, Tailwind CSS, shadcn/ui, Redux Toolkit).
2. **Design Layout**: Create the main layout structure with a responsive header, game lobby, game board, and chat sidebar using Tailwind CSS for styling.
3. **Implement User Authentication**: Set up user authentication using Firebase or another authentication service, including signup, login, and logout functionalities.
4. **Create Game Lobby**: Develop the game lobby where users can create new rooms or join existing ones, displaying a list of active games.
5. **Build Real-Time Gameplay**: Implement the game logic for Rummy, including card distribution, player turns, and game rules, using WebSockets or a similar technology for real-time interaction.
6. **Integrate Chat Functionality**: Build the chat feature to allow players to communicate during the game, ensuring messages are sent and received in real-time.
7. **Add Game History Feature**: Develop a section to display users' past games with scores and statistics, allowing users to track their performance.
8. **Test and Optimize**: Conduct thorough testing of the application to ensure a smooth user experience, fixing any bugs and optimizing performance.

## USER EXPERIENCE
Users will have a seamless experience starting from the login page to the game lobby where they can join or create a game. Once in a game, they can interact with the game board and chat with other players. The design emphasizes usability with clear navigation, intuitive game controls, and a clean interface, ensuring users can focus on the game without distractions. Responsive design ensures accessibility across devices, making it easy for users to enjoy Rummy anytime, anywhere.