Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to allow users to gift fake Robux and connect with others within the Roblox community. The platform will feature a user-friendly interface with a minimalist design aimed at enhancing user engagement and interaction.

## CORE FEATURES
1. **User Accounts**: Users can create and manage accounts to track their gifting history and connect with friends.
2. **Gift Robux Functionality**: Users can send fake Robux to friends, with a simple interface to select recipients and amounts.
3. **Community Interaction**: A section for users to post messages or shoutouts to others within the Roblox community, fostering engagement.
4. **Leaderboard**: Feature a leaderboard showcasing the top users who have gifted the most fake Robux, encouraging competition.
5. **Profile Customization**: Users can customize their profiles with avatars and personal messages to enhance community interaction.
6. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across all devices.

## 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 features and user interactions, and a footer with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or Context API as an alternative)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and Redux (or Context API) for state management.
3. **Create Components**:
   - Develop components for the navigation bar, user profile, gift functionality, and leaderboard.
   - Implement a responsive layout using Tailwind CSS for styling.
4. **Set Up Routing**: Use React Router to manage navigation between different sections of the app.
5. **Implement State Management**: Set up Redux (or Context API) to manage user data and gifting history.
6. **Connect to Backend**: If necessary, set up a backend service to handle user data and gifting transactions.
7. **Testing**: Conduct thorough testing on various devices to ensure responsiveness and functionality.
8. **Deploy**: Deploy the application on a hosting platform like Vercel or Netlify.

## USER EXPERIENCE
Users will begin their journey by creating an account or logging in. They can then navigate to the gifting section to send fake Robux to friends. The leaderboard will motivate users to engage more, while the community interaction section will allow them to communicate with others. The minimalist design will ensure that users can easily find what they need without distractions, providing a smooth and enjoyable experience.