Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist web application designed to simulate a gifting platform for Robux, the in-game currency for Roblox. The main purpose is to provide users with an engaging and straightforward way to pretend to gift Robux to friends, enhancing the social experience within the Roblox community.

## CORE FEATURES
1. **User Registration/Login**: Users can create an account or log in to manage their gifting preferences and track their simulated Robux.
2. **Gifting Simulator**: A feature that allows users to select an amount of Robux to "gift" to friends, including customization options for messages.
3. **Friend List Management**: Users can add, remove, and manage their friends' list for easy gifting.
4. **History Log**: A section that keeps track of previously simulated gifts, allowing users to review past interactions.
5. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across devices from desktops to mobile phones.

## 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 layout will consist of a top navigation bar, a central hero section for the gifting simulator, followed by sections for the friend list and gifting history, all arranged in a clean, vertical flow with ample white space.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and integrate Tailwind CSS for styling.
2. **Create Components**: Develop core components including `Navbar`, `GiftingSimulator`, `FriendList`, and `HistoryLog` using shadcn/ui for consistent UI elements.
3. **Implement Authentication**: Set up user registration and login functionality with secure storage for user data.
4. **Develop Gifting Logic**: Create the logic for the gifting simulator, allowing users to select Robux amounts and send simulated gifts.
5. **Manage State**: Use the React Context API to handle user sessions, friend lists, and gifting history across components.
6. **Responsive Design**: Ensure all components are responsive and maintain usability on mobile devices.
7. **Testing**: Conduct thorough testing for functionality and user experience across various devices and screen sizes.

## USER EXPERIENCE
Users will start by visiting a clean and inviting landing page with a clear call-to-action to register or log in. Once logged in, they can easily navigate through the gifting simulator, select friends from their list, and send simulated gifts with personalized messages. The interface will guide users through each step, providing feedback and maintaining engagement with a minimalist aesthetic that emphasizes ease of use. The history log will allow users to revisit their past gifts, enriching their experience and encouraging repeat visits.