Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Robux Sender" is a playful web application designed for users to prank their friends by sending virtual currency notifications. The app focuses on a clean, minimalist design that emphasizes user experience, allowing users to easily create and send fake notifications about Robux transactions.

## CORE FEATURES
1. **User Registration/Login**: Users can create accounts or log in to store their settings and manage their pranks.
2. **Robux Notification Creator**: A simple interface that allows users to customize their fake Robux transaction messages, including amounts and usernames.
3. **Send Notifications**: Users can send their crafted notifications directly to friends via email or social media.
4. **Prank History**: A log of all previously sent notifications, enabling users to review and reuse past pranks.
5. **User Profiles**: Customizable profiles where users can set their display names and profile pictures.
6. **Feedback and Sharing Options**: Users can share their prank experiences and rate the effectiveness of their notifications.

## 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 consist of a top navigation bar, a hero section for messaging, and a content area for features and the notification creator. The layout will prioritize user flow with clear sections for each feature.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Zustand for global state management

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Install Tailwind CSS, Zustand, and shadcn/ui for component styling.
3. **Create Folder Structure**: Organize components, pages, and styles into appropriate folders (e.g., `components`, `pages`, `styles`).
4. **Implement Navigation**: Build the top navigation bar with links to the Home, Notification Creator, and User Profile.
5. **Develop Hero Section**: Create an engaging hero section that introduces the app and its purpose.
6. **Build Notification Creator**: Design the notification creator interface allowing users to input details and generate notifications.
7. **Implement Sending Logic**: Connect the notification creator to functionality for sending notifications via email or social media.
8. **Create User Profiles**: Develop user profile management features including registration, login, and customization.
9. **Set Up Prank History**: Implement a feature that logs sent notifications and displays them in the user profile.
10. **Testing**: Conduct thorough testing for functionality, usability, and responsiveness across devices.

## USER EXPERIENCE
Users will have an intuitive experience as they navigate through the application. The registration and login processes will be straightforward, leading them to the notification creator where they can easily customize their pranks. The interface will provide immediate feedback on their actions, ensuring they feel engaged and entertained. The minimalist design will enhance focus on the core functionalities, making it easy for users to manage and send Robux notifications effectively.