Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for users to earn or acquire robux through various engaging activities and features. The primary focus is on providing a clean, user-friendly interface that enhances user experience while allowing for easy navigation and interaction.

## CORE FEATURES
1. **User Registration & Login**: Users can create an account or log in to track their robux earnings and activities.
2. **Robux Earning Opportunities**: A section dedicated to tasks or activities users can complete to earn robux, with clear guidelines and rewards.
3. **Referral Program**: Users can invite friends to join the platform, earning additional robux for each successful referral.
4. **Transaction History**: A user-friendly dashboard that displays all transactions, including earnings and withdrawals.
5. **Support Center**: Access to FAQs and customer support to assist users with any issues or questions.

## 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 clear header, a featured section for earning opportunities, a transaction history area, and a footer with support links.

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

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and Redux for state management.
3. **Create Component Structure**:
   - Build components for the header, footer, user dashboard, earning opportunities, and support center.
4. **Implement Routing**: Set up routing for user registration, login, and the main dashboard.
5. **Design the UI**: Apply Tailwind CSS styles according to the design specifications, ensuring the layout remains minimalist and user-friendly.
6. **Connect State Management**: Set up Redux to manage user authentication and transaction history.
7. **Test the Application**: Ensure all features work as intended and the user experience is smooth across different devices.

## USER EXPERIENCE
The application will focus on seamless user interactions, allowing users to effortlessly navigate between earning opportunities and their transaction history. The registration and login processes will be straightforward, with clear prompts and support available to assist users. Users will enjoy a minimalistic design that emphasizes usability, ensuring a pleasant experience throughout their journey on the platform.