Lovable Prompt Creator - AI Prompt Generator

```markdown
# PROJECT DEFINITION
Create a minimalist web application that simulates a gifting platform for Roblox Robux. The application will provide users with a straightforward interface to manage their gifting preferences and history while ensuring a clean and simple aesthetic. Users will be able to register, log in, select gifting options, and view their gift history in a user-friendly manner.

# DESIGN REQUIREMENTS
- 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

# TECH STACK & CONSTRAINTS
- Language: TypeScript
- Framework: React
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React Context API or Redux (if needed for complex state management)

# BREAKDOWN INTO TASKS
1. Set Up Development Environment:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS for styling.

2. Create Layout Components:
   - Develop the main layout including a navigation bar, hero section, and footer.

3. Implement User Authentication:
   - Set up user registration and login functionality using Firebase Authentication or similar service.

4. Build Gifting Options Component:
   - Create a component that displays different Robux amounts with clear pricing and integrates secure payment options.

5. Develop Gift History Feature:
   - Implement functionality that allows users to retrieve and view their gifting history from a database.

6. Ensure Responsiveness:
   - Use Tailwind CSS utility classes to make the application responsive across devices.

7. Testing:
   - Conduct thorough testing for usability, performance, and security.

# IMPLEMENTATION GUIDANCE
1. **Set Up Development Environment**:
   - Create a new React app with TypeScript using `npx create-react-app my-app --template typescript`.
   - Install Tailwind CSS by following the official Tailwind CSS setup guide for React.

2. **Create Layout Components**:
   - Design a top navigation bar with links to home, gifting options, and gift history.
   - Build a hero section with a call to action.

3. **Implement User Authentication**:
   - Use Firebase Authentication to manage user sign-up and login. Example code snippet for authentication:

   ```typescript
   import { getAuth, createUserWithEmailAndPassword, signInWithEmailAndPassword } from "firebase/auth";

   const auth = getAuth();
   // Registration function
   const registerUser = (email: string, password: string) => {
       createUserWithEmailAndPassword(auth, email, password)
           .then((userCredential) => {
               // User registered
           })
           .catch((error) => {
               // Handle error
           });
   };
   ```

4. **Build Gifting Options Component**:
   - Create a component that displays Robux amounts with buttons for gifting options. Integrate payment options using a payment gateway API.

5. **Develop Gift History Feature**:
   - Set up a database (e.g., Firebase Firestore) to store gift history and implement retrieval logic.

6. **Ensure Responsiveness**:
   - Apply Tailwind CSS classes to ensure the layout adapts to different screen sizes.

7. **Testing**:
   - Use tools like Jest and React Testing Library to test components and user interactions.

# ITERATION STRATEGY
- After initial implementation, gather feedback from users and make improvements based on usability tests.
- Continuously refine the UI and UX based on user behavior and preferences.

# TESTING & VALIDATION
- Conduct unit tests for individual components and integration tests for user flows.
- Validate the application’s responsiveness across various devices and browsers.
- Perform security testing on user authentication and payment processes to ensure data protection.
```