Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a minimalist web application designed to simulate a gifting platform for Roblox Robux. The application aims to provide users with a seamless experience for gifting and receiving Robux while maintaining a clean and simple interface that enhances usability.

## CORE FEATURES
1. **User Registration and Authentication**: Allow users to create accounts and log in securely to manage their gifting activities.
2. **Gifting Interface**: A straightforward interface where users can select recipients and the amount of Robux to gift, featuring quick access to commonly gifted amounts.
3. **Transaction History**: Users can view a history of their gifting activities, including dates, amounts, and recipient details for easy tracking.
4. **Profile Management**: A section for users to manage their account details, including preferences, linked accounts, and security settings.
5. **Responsive Design**: Ensure the application is fully functional and visually appealing on various devices, including desktops, tablets, and smartphones.

## 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 gifting interface, a sidebar for profile management, and a footer with links to support and terms of service.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Components**: Develop reusable components for the UI, including buttons, input fields, and cards.
3. **Implement Routing**: Set up React Router for navigation between different sections of the application (home, profile, transaction history).
4. **User Authentication**: Integrate a secure authentication system (e.g., Firebase Auth or Auth0) for user registration and login flows.
5. **Build Gifting Interface**: Create a user-friendly gifting form that allows users to select recipients and amounts easily.
6. **Transaction History**: Implement a feature to display the user's gifting history, pulling data from a backend service or local storage.
7. **Responsive Design**: Ensure all components are styled to be responsive and maintain usability across devices.
8. **Testing**: Conduct thorough testing to ensure all features work correctly and the application is free of bugs.

## USER EXPERIENCE
Users will start by registering or logging into their accounts. Upon accessing the main interface, they will see a clear call-to-action to gift Robux. The process is designed to be intuitive, allowing users to quickly select their desired recipient and gifting amount. After completing a transaction, users can easily navigate to their profile to view their transaction history and manage their account settings. The minimalist design ensures that users are not overwhelmed, making for a pleasant gifting experience.