Una web que imite el sistema de envío de robuxs ala perfección en roblox
Generated Prompt
## APPLICATION OVERVIEW This project is a web application that mimics the Robux sending system used in Roblox. It allows users to simulate the process of sending Robux to other users, enhancing their gaming experience by providing an interactive platform for managing virtual currency transactions. The application focuses on user engagement and a seamless experience. ## CORE FEATURES 1. **User Authentication**: Users can create accounts and log in securely to access their virtual wallets and transaction history. 2. **Robux Wallet**: A digital wallet feature that displays the user's current Robux balance and transaction history. 3. **Send Robux**: Functionality that allows users to send Robux to other users by entering their username and the amount to send. 4. **Transaction Confirmation**: A confirmation dialogue that verifies the details of the Robux transfer before finalizing the transaction. 5. **User Profiles**: Each user has a profile page where they can view their transaction history and manage their account settings. 6. **Real-time Notifications**: Users receive notifications for successful transactions and updates to their account status. ## 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 header for navigation, a hero section for introducing the application, followed by sections for wallet balance, transaction sending, and user profile. A footer will provide additional links and support information. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Use React Context API for state management of user sessions and wallet data. ## IMPLEMENTATION STEPS 1. **Set up the project**: Initialize a new React project with TypeScript, and install Tailwind CSS and shadcn/ui. 2. **Create user authentication**: Implement user registration and login functionality using Firebase Authentication or similar service. 3. **Develop the Robux wallet feature**: Create a component to display the user's Robux balance and transaction history. 4. **Implement the send Robux feature**: Develop a form that allows users to input a username and the amount of Robux they wish to send, including validation and confirmation logic. 5. **Create user profiles**: Implement a profile page displaying user data and transaction history using a dedicated route. 6. **Set up real-time notifications**: Use a library like React Toastify to show notifications for successful transactions and account updates. 7. **Design the layout**: Arrange the components according to the specified layout, ensuring responsiveness for various screen sizes. ## USER EXPERIENCE Users will have a straightforward experience navigating through the application. Upon logging in, they will see their Robux balance and can easily access the send Robux feature. The process of sending Robux will include a clear form and a confirmation step, ensuring users are informed before completing transactions. Notifications will keep users updated on their activities within the app, enhancing engagement and usability. By following these guidelines, the web application will be functional, aesthetically pleasing, and aligned with the user's vision for a Robux sending system simulation.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
