Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Fake Robux Send is a web application designed to simulate a service where users can search for Robux, a virtual currency for Roblox. The primary goal of the app is to provide an engaging, user-friendly interface that allows users to explore Robux offers and learn about their possible uses within the Roblox ecosystem.

## CORE FEATURES
1. **User Registration & Authentication**: Users can create accounts and log in to track their interactions and preferences.
2. **Robux Search Functionality**: A powerful search tool that allows users to find various offers and information related to Robux.
3. **Robux Simulation**: Users can simulate sending and receiving Robux through the app for educational purposes.
4. **Dashboard**: A personalized dashboard where users can view their transaction history, favorite offers, and account settings.
5. **Educational Resources**: A section dedicated to tutorials and guides on how to use Robux effectively in Roblox.
6. **Feedback System**: Users can submit feedback on offers and the app experience to help improve the service.

## 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, a hero section with a call-to-action, followed by the core features displayed in a grid format, and a footer with contact information and links to educational resources.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux (if the project requires advanced state management)

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for UI component styling.
3. **Create the Folder Structure**: Organize the project into components, pages, and assets.
4. **Develop the Authentication Flow**: Implement user registration, login, and session management using React Context API.
5. **Build the Dashboard**: Create components for the dashboard to display user data and Robux offers.
6. **Integrate Search Functionality**: Develop the search feature allowing users to find Robux offers.
7. **Implement the Feedback System**: Allow users to submit feedback and display it in the dashboard.
8. **Optimize for Responsiveness**: Ensure that all components are responsive and accessible on various devices.
9. **Testing**: Conduct thorough testing to ensure all features work correctly and the user experience is seamless.
10. **Deployment**: Deploy the application using a service like Vercel or Netlify.

## USER EXPERIENCE
The application will focus on a seamless user experience, guiding users through registration and feature exploration with intuitive navigation. Users will be able to quickly search for Robux offers, utilize the simulation tool, and access educational resources from an easy-to-navigate dashboard. Clear feedback mechanisms will encourage user engagement and continuous improvement. The minimalist design will enhance usability by reducing distractions and focusing on the primary functions of the application.