Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate the experience of sending fake Robux within the Roblox platform. It is aimed at users looking for a fun and engaging way to interact with the Roblox community without any real financial implications. The application will emphasize a clean and minimalist design while providing a user-friendly interface.

## CORE FEATURES
1. **User Registration & Login**: Secure authentication process allowing users to create accounts and log in to access their profiles and features.
2. **Robux Sending Simulator**: A core feature that lets users simulate sending Robux to friends or other users with customizable amounts and messages.
3. **User Profiles**: Enable users to set up and manage their profiles, including avatars and display names.
4. **Activity Feed**: A section where users can see recent activities, such as sent Robux and interactions with friends.
5. **Leaderboard**: Display a leaderboard showcasing users who have sent the most fake Robux, fostering competition and engagement.
6. **Contact Support**: A contact form for users to reach out for support or report any issues within the application.

## 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 top navigation bar, a central content area for the core features, and a footer. The navigation will include links to Home, Profile, Leaderboard, and Support.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Necessary Packages**: Install Tailwind CSS, Redux, and any other required libraries (like shadcn/ui).
3. **Create UI Components**: Develop reusable components for buttons, forms, modals, and cards with the specified styles.
4. **Set Up Routing**: Implement React Router for navigating between different sections of the app (Home, Profile, Leaderboard, Support).
5. **Implement Authentication**: Set up user registration and login functionality, ensuring secure storage of user credentials.
6. **Build Core Features**: Develop the Robux sending simulator and activity feed, linking them to the user profiles.
7. **Create the Leaderboard**: Implement the leaderboard functionality, pulling data from user activities.
8. **Test and Optimize**: Conduct thorough testing to ensure all features work as intended, and optimize for performance and responsiveness.

## USER EXPERIENCE
Users will start on the landing page with a clear call to action to register or log in. Once logged in, they can easily navigate to simulate sending Robux, view their profile, check the leaderboard, and contact support. The app will provide feedback on actions taken (like sending Robux), and the minimalist design will ensure that users can focus on the core functionalities without distractions. The responsive design will ensure usability across devices, enhancing overall user engagement.