Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Fakerobux is a minimalist web application designed to provide users with a seamless experience in managing virtual currency and rewards. The application focuses on simplicity and ease of use, allowing users to track their balances, earn points, and redeem rewards through a clean and intuitive interface.

## CORE FEATURES
1. **User Registration and Login**: Allow users to create an account and log in securely to access their virtual currency and rewards dashboard.
2. **Balance Overview**: Display a clear overview of the user's current balance, including earned points and available rewards.
3. **Earning Points**: A feature where users can complete tasks or engage with content to earn points, with a straightforward submission process.
4. **Rewards Redemption**: Enable users to redeem their points for rewards, with an easy-to-navigate rewards catalog.
5. **Transaction History**: Provide a detailed history of all transactions, including points earned and redeemed, to promote transparency and tracking.
6. **Profile Management**: Allow users to manage their profile settings, including updating personal information and preferences.

## 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 structure will consist of a header with navigation links, a hero section for key information and CTAs, followed by a features section highlighting the core functionalities, and a footer with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for state management

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Folder Structure**: Organize the project into components, pages, and assets folders for better maintainability.
3. **Implement Routing**: Set up React Router for navigation between different sections of the app.
4. **Build UI Components**: Create reusable components such as buttons, cards, and input fields with the specified border radius and styles.
5. **Develop Core Features**:
   - Implement user registration and login with authentication logic.
   - Create balance overview and transaction history components.
   - Develop points earning and rewards redemption features with API integrations if needed.
6. **Styling**: Apply Tailwind CSS classes to components, ensuring adherence to the minimalist design principles and specified color palette.
7. **Testing**: Conduct testing for user interactions and functionality to ensure a smooth user experience.
8. **Deployment**: Deploy the application using platforms like Vercel or Netlify for easy access and sharing.

## USER EXPERIENCE
Users will first land on a welcoming homepage that introduces the application and provides clear calls to action for registration or login. Upon logging in, users will see their balance overview and can easily navigate to earning points or redeeming rewards. The application will provide feedback through animations and notifications to guide users through their interactions, ensuring a satisfying and efficient experience.