Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate the process of sending Robux (the virtual currency for Roblox). It aims to create a user-friendly experience where users can engage in a playful environment that mimics the features of Robux transactions without real financial implications.

## CORE FEATURES
1. **User Registration & Authentication**: Users can create accounts and log in securely to access personalized features.
2. **Robux Transaction Simulator**: A feature that allows users to simulate sending Robux to other users within the app.
3. **User Profiles**: Each user will have a profile that displays their simulated Robux balance and transaction history.
4. **Leaderboards**: Users can see their ranking compared to others based on simulated transactions and activity.
5. **Feedback System**: A way for users to provide feedback on the application and suggest new features.
6. **Tutorial Section**: An informative section that guides new users on how to use the application effectively.

## 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 navigation bar at the top, a hero section for the main transaction simulator, a features section to highlight app capabilities, and a footer with contact information.

## 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 Project Environment**:
   - Initialize a React project with TypeScript.
   - Install Tailwind CSS and configure it according to project needs.
   - Set up Redux for state management.
   
2. **Create Core Components**:
   - Develop the navigation bar component with links to home, profile, and tutorial sections.
   - Build the hero section where users can simulate sending Robux.
   - Create user profile components to display user balances and transaction history.

3. **Implement Authentication**:
   - Set up user registration and login functionalities using Firebase or a similar service.
   - Ensure secure user sessions and data protection.

4. **Design User Profiles and Leaderboards**:
   - Create dynamic components to show user profiles and leaderboards based on simulated transactions.
   - Implement the feedback system for user suggestions.

5. **Test and Optimize**:
   - Conduct thorough testing for user flows, responsiveness, and state management.
   - Optimize performance and loading times.

6. **Deploy the Application**:
   - Choose a hosting platform (e.g., Vercel, Netlify) and deploy the application.
   - Monitor user feedback and iterate on features based on user input.

## USER EXPERIENCE
Users will interact with a clean interface where they can easily navigate to different sections of the app. The Robux transaction simulator will be prominent, allowing for straightforward interactions. The feedback system will encourage user engagement, and the tutorial section will help users familiarize themselves with the app's functionalities. The layout will ensure that all key features are accessible and visually appealing, enhancing overall user satisfaction.