Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a game environment where users can earn fake currency, similar to "Robux." The primary purpose is to create an engaging and straightforward experience for users to earn and track their fake currency through simple interactions.

## CORE FEATURES
1. **User Registration/Login**: Allow users to create accounts or log in to track their earned currency.
2. **Currency Distribution**: A feature to randomly distribute fake currency to users based on specific actions or time intervals.
3. **Leaderboard**: Display a leaderboard showcasing users with the most fake currency, encouraging competition.
4. **User Dashboard**: A personalized dashboard where users can see their current balance, recent transactions, and achievements.
5. **Rewards Store**: A section where users can spend their earned currency on virtual items or bonuses within the app.
6. **Notifications**: Alerts and messages to inform users about currency distributions, achievements, and updates.

## 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 dashboard area for user stats, and a sidebar for additional features like the leaderboard and rewards store.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **User Authentication**: Create user registration and login components, integrating authentication logic.
3. **Dashboard Development**: Build the user dashboard to display currency balance and recent activity using state management.
4. **Currency Distribution Logic**: Implement the logic for distributing fake currency, including interval-based and action-based triggers.
5. **Leaderboard Integration**: Develop the leaderboard component that fetches and displays user rankings based on earned currency.
6. **Rewards Store**: Set up the rewards store where users can spend their earned currency on virtual items.
7. **Notification System**: Implement a notification system to keep users informed about updates and currency distributions.

## USER EXPERIENCE
Users will start by registering or logging in to their accounts. Once inside, they will see their dashboard displaying their current currency balance and recent transactions. They will earn fake currency through various interactions, which will be visually indicated through notifications. Users can view their progress on the leaderboard and navigate to the rewards store to spend their currency on virtual items, enhancing engagement and encouraging return visits. The application will be responsive and designed for optimal performance across devices.