Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This playful web application simulates Robux and virtual item gifts for Roblox friends, designed for pranks and team entertainment. It provides users with a fun and interactive way to engage with friends through virtual gifting. The application is intended to be deployed and live for easy access by the user's team.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts and log in to personalize their experience and manage their gifts.
2. **Gift Simulation**: Users can simulate sending Robux and virtual items to friends, including customizable messages for a playful touch.
3. **Team Challenges**: Incorporate team-based challenges where users can compete to send the most creative gifts.
4. **History Log**: Maintain a record of all simulated gifts sent and received, allowing users to revisit their past interactions.
5. **Profile Customization**: Enable users to customize their profiles with avatars and display names, enhancing the social aspect of the application.
6. **Responsive Design**: Ensure the application is fully responsive, providing a seamless experience across 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 feature a top navigation bar for easy access to different sections, a central hero area for showcasing the main feature, followed by sections for core functionalities, team challenges, and user history.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux Toolkit for managing application state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up React Application**: Initialize the React application with TypeScript and configure Tailwind CSS.
2. **Create Authentication Flow**: Implement user authentication using a library like Firebase or Auth0 for secure login and registration.
3. **Build Core Features**: Develop the gift simulation feature, allowing users to create and send gifts.
4. **Implement Team Challenges**: Design and code the challenge system for team competitions.
5. **Create History Log**: Develop the functionality to track and display past gifts sent and received.
6. **Design User Profiles**: Build out profile customization options for users to personalize their experience.
7. **Ensure Responsiveness**: Use Tailwind CSS utilities to ensure the app is responsive on all devices.
8. **Testing**: Conduct thorough testing for functionality, usability, and performance before deployment.
9. **Deploy the Application**: Use services like Vercel or Netlify to deploy the application for live access by the user's team.

## USER EXPERIENCE
Users will experience a friendly and engaging interface where they can easily navigate through the application. The authentication process will be straightforward, allowing users to quickly set up their profiles. The gift simulation feature will be intuitive, with clear options for selecting gifts and sending them to friends. Users will enjoy participating in team challenges, enhancing interaction within their group. The responsive design will ensure they can access the application seamlessly on any device, providing a consistent and enjoyable user experience.