Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for a Roblox-like experience where users can visually manage their in-game currency (Robux) and purchase items. The app will allow users to create and customize their avatars while providing an intuitive interface for tracking and spending Robux.

## CORE FEATURES
1. **User Authentication**: Users can sign up and log in to their accounts to manage their virtual currency securely.
2. **Robux Management**: A feature that allows users to set and control their Robux balance, including adding or subtracting Robux through a simple UI.
3. **Item Shop**: A visually appealing shop where users can browse and purchase items using their Robux.
4. **Avatar Customization**: Users can customize their avatars with various styles and items that they can buy from the shop.
5. **User Dashboard**: A personalized dashboard displaying the user's current Robux balance, purchased items, and avatar customization options.
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 consist of a top navigation bar, a hero section for user login, a central dashboard area for Robux management and item shopping, and a sidebar for avatar customization.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript, install Tailwind CSS, and configure shadcn/ui components.
2. **Create User Authentication**: Implement user sign-up and login functionality, ensuring secure handling of user data.
3. **Develop the Dashboard**: Build the dashboard layout, integrating the Robux management feature and displaying the user's current balance.
4. **Implement Item Shop**: Create the item shop section, allowing users to browse items and make purchases using Robux.
5. **Avatar Customization Feature**: Develop the avatar customization interface, enabling users to change their avatars with items purchased from the shop.
6. **Responsive Design**: Test and ensure that the application is responsive across different screen sizes and devices.

## USER EXPERIENCE
Users will first encounter a clean login interface where they can access their accounts. Once logged in, they'll be directed to their personalized dashboard where they can see their Robux balance and navigate to the item shop. The item shop will display items available for purchase, and users can easily add items to their avatars through the customization feature. The design will focus on simplicity and ease of use, ensuring that users can manage their virtual experience with minimal effort.