Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is a simplified clone of Roblox, designed to allow users to create accounts, manage their logins, and simulate a gaming environment with a balance feature. It focuses on providing a clean and intuitive interface while ensuring user engagement through a minimalist design.

## CORE FEATURES
1. **User Authentication**: Users can create accounts and log in to save their progress and manage their balance.
2. **Balance Management**: Each user starts with a balance of 0, and can view and manage this balance within their account.
3. **Profile Management**: Users can update their profile information and view their login history.
4. **Game Simulation**: A simple interface where users can interact with basic gaming elements, enhancing the engagement factor.
5. **Responsive Design**: The application will adapt seamlessly to different screen sizes, ensuring usability on both desktop and mobile 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**: A single-column layout with a top navigation bar, followed by a hero section, user dashboard, and footer. The dashboard will display user balance and profile information, along with interactive game elements for user engagement.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user authentication and balance state.

## IMPLEMENTATION STEPS
1. **Set up the React environment**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling components.
3. **Create the Authentication System**:
   - Build a user registration and login component.
   - Implement local storage to save user credentials and balance.
4. **Design the User Dashboard**:
   - Create a dashboard component that displays user balance and profile information.
   - Use Tailwind CSS to style the dashboard for a clean look.
5. **Implement Balance Management**:
   - Add functionality to display the balance and ensure that it starts at 0 for new users.
6. **Develop Game Simulation Elements**:
   - Create simple interactive elements that mimic game features.
   - Use UI components to enhance the user experience.
7. **Ensure Responsiveness**: Test the application on different devices and screen sizes, adjusting styles as necessary.
8. **Deploy the Application**: Host the application on a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will begin by visiting the landing page where they can register or log in. Once authenticated, they will be taken to their dashboard, where they can view their balance and manage their profile. The minimalist design will ensure that users can navigate the application effortlessly, with a focus on engaging with the game simulation features. Each interaction will be smooth, providing immediate feedback to enhance the overall user experience.