Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Digital Robux Lovable App is an interactive web application designed to help users track and manage their Robux, the virtual currency used in the Roblox platform. The app aims to provide a minimalist user experience while delivering essential features that enhance users' engagement with their Robux spending and earning.

## CORE FEATURES
1. **Robux Tracker**: Users can input their current Robux balance and track their earnings and expenditures over time.
2. **Transaction History**: A detailed log of all transactions, including purchases and sales, with options to filter by date and type.
3. **Budgeting Tool**: Allows users to set spending limits and receive alerts when they approach their budget threshold.
4. **Savings Goals**: Users can create specific savings goals for in-game purchases and visualize their progress.
5. **Account Integration**: Option to link users' Roblox accounts for real-time balance updates and transaction synchronization.
6. **User Profiles**: Customizable user profiles where users can set preferences and manage their settings.

## 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 fixed header for navigation and a footer for contact information, ensuring easy readability and navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for state management of user preferences and transaction data.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop core components such as Header, Footer, Robux Tracker, Transaction List, and Budgeting Tool.
4. **Implement Routing**: Use React Router to set up navigation between different sections of the app.
5. **State Management**: Use React Context API to manage global state for user profiles and transaction data.
6. **Styling**: Apply Tailwind CSS classes to all components, ensuring the design principles are upheld.
7. **API Integration**: If needed, implement API calls to fetch and update user data from Roblox accounts.
8. **Testing**: Conduct thorough testing of all features to ensure functionality and responsiveness across devices.

## USER EXPERIENCE
Key user interactions include a straightforward onboarding process where users can easily set up their profiles and start tracking their Robux. The Robux Tracker will be the main dashboard, allowing users to view their current balance and transaction history at a glance. Users will have intuitive controls for budgeting and setting savings goals, with visual progress indicators to enhance engagement. Responsive design will ensure a seamless experience on both desktop and mobile devices, providing accessibility to all users.