Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a fake Roblox gifting platform that allows users to "gift" Robux to others. The application will focus on a clean, minimalist design that enhances user experience while providing engaging functionalities in a light-themed environment.

## CORE FEATURES
1. **User Registration & Login**: Users can create accounts and log in to access personalized gifting options.
2. **Robux Gifting Interface**: A simple and intuitive interface for users to select amounts of Robux to gift.
3. **Fake Transaction Confirmation**: After gifting, users receive a simulated confirmation message, enhancing the experience without actual transactions.
4. **Profile Management**: Users can manage their profiles, including viewing their gifting history and modifying account settings.
5. **Community Feedback**: A section for users to leave feedback or testimonials about their experience on the platform.
6. **Responsive Design**: Ensures usability across all devices, providing a seamless experience whether on mobile or desktop.

## 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 structured header, a central gifting interface, a sidebar for profile management, and a footer with community feedback links.

## 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 the Project**: Initialize the React application with TypeScript and install Tailwind CSS.
2. **Create the Basic Structure**: Develop the core layout including the header, footer, and main content area using functional components.
3. **Integrate User Authentication**: Implement user registration and login functionalities using JWT for authentication.
4. **Develop the Gifting Interface**: Create the main gifting component where users can select and gift Robux.
5. **Simulate Transaction Confirmation**: Develop a modal or notification system that confirms gifting actions without real transactions.
6. **Implement Profile Management**: Build a profile section where users can edit their information and view their gifting history.
7. **Add Community Feedback**: Create a section for users to submit and view feedback/testimonials.
8. **Ensure Responsiveness**: Use Tailwind CSS utility classes to make the application responsive across various devices.

## USER EXPERIENCE
Users will navigate the application through a straightforward interface, starting with the registration or login page. Upon logging in, they will be greeted with a clean dashboard where they can easily access the gifting options. The gifting process will be streamlined, allowing users to select amounts quickly and receive instant feedback. The profile management section will enable users to customize their experience. Overall, the application will prioritize a smooth, engaging user journey in a minimalist design that fosters ease of use.