Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate a "fake robux sender" for pranking friends. It aims to create a fun and engaging experience, allowing users to send fake notifications of robux being sent to their accounts, all while maintaining a clean and minimalist design.

## CORE FEATURES
1. **User Registration & Login**: Allows users to create accounts and log in securely to track their pranks and history.
2. **Fake Robux Sender**: Users can enter a friend's username and select the amount of fake robux to "send", generating a fun notification.
3. **History Log**: A section where users can see a history of pranks they've sent, including timestamps and details.
4. **Custom Notifications**: Users can customize the notification messages that will be sent to their friends, adding a personal touch to the pranks.
5. **Social Sharing**: Enables users to share their pranks on social media platforms, increasing engagement and fun.
6. **Responsive Design**: The application will be fully responsive, ensuring 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**: A single-column layout with a prominent hero section at the top, followed by features, history log, and a call-to-action at the bottom.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Develop the main components: Header, Fake Robux Sender Form, History Log, and Custom Notification Settings.
3. **Implement Routing**: Set up basic routing using React Router for navigation between the home and history log sections.
4. **Build User Authentication**: Implement user registration and login functionality using Firebase Authentication or a similar service.
5. **Develop Fake Robux Sender Logic**: Create the functionality that generates and displays fake robux notifications based on user input.
6. **Integrate State Management**: Use Redux or Context API to manage the state of user data and prank history.
7. **Style Components**: Apply Tailwind CSS styles to each component, ensuring adherence to the design specifications provided.
8. **Testing**: Conduct thorough testing for usability and responsiveness across different devices.
9. **Deploy**: Deploy the application using a service like Vercel or Netlify for easy access.

## USER EXPERIENCE
The application will provide an intuitive interface where users can easily navigate through the features. Upon logging in, users will see a welcoming hero section with a clear call-to-action to send robux. The fake sender form will be straightforward, and users will receive instant feedback once they "send" robux. The history log will allow users to revisit their past pranks, and social sharing buttons will encourage users to engage with their friends, enhancing the overall fun of the application.