Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for Roblox users to manage and optimize their Robux earnings effectively. The main purpose is to provide tools and insights for users to make sensible decisions regarding their Robux, especially for those who already have a substantial amount in their accounts.

## CORE FEATURES
1. **Robux Tracker**: Allow users to input their current Robux balance and track their earnings over time, displaying trends and analysis.
2. **Spending Suggestions**: Provide recommendations on how to allocate Robux sensibly based on user preferences and game trends.
3. **Marketplace Insights**: Offer insights into popular items and trends within the Roblox marketplace to help users make informed purchasing decisions.
4. **Savings Goals**: Enable users to set and track savings goals for specific items or experiences within Roblox.
5. **User Profile**: Allow users to create a profile that stores their preferences and past transactions for a personalized experience.
6. **Community Tips**: A section where users can share and view tips from others on how to effectively use their Robux.

## 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 feature a top navigation bar, a central section for the Robux Tracker and Spending Suggestions, and side panels for Marketplace Insights and Community Tips, ensuring a clean and organized flow.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React's Context API or Zustand for managing state across components.

## IMPLEMENTATION STEPS
1. **Setup React Project**: Initialize a new React project with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop the core components including the Robux Tracker, Spending Suggestions, Marketplace Insights, and Community Tips.
4. **Implement Routing**: Set up routing to navigate between different features if necessary.
5. **State Management**: Implement state management for tracking user profiles and Robux balances.
6. **Styling**: Apply Tailwind CSS classes to ensure a minimalist and responsive design.
7. **Testing**: Conduct user testing to ensure usability and collect feedback for improvements.
8. **Deployment**: Deploy the application using a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will interact with the application by entering their current Robux balance into the Robux Tracker, which will display their earnings visually over time. They can explore spending suggestions tailored to their gaming preferences and set savings goals. The community tips section will foster engagement, allowing users to contribute and learn from one another's experiences. The minimalist design will ensure a smooth and enjoyable user experience, focusing on the essential features without unnecessary distractions.