Website that looks exactly like Roblox with everything the settings the games the marketplace everything and I want to be able to send items and...
Generated Prompt
## APPLICATION OVERVIEW This project is a web application that mimics the functionality and aesthetic of Roblox. It allows users to manage their profiles, send virtual items, and simulate transactions of fake currency (Robux). The platform will include features for game settings, a marketplace, and user interaction, all while maintaining a clean and minimalist design. ## CORE FEATURES 1. **User Profiles**: Users can create and customize their profiles, including avatars and personal information. 2. **Marketplace**: A dedicated section for users to buy, sell, and trade virtual items, with a clean interface for browsing and searching. 3. **Item Sending**: Functionality for users to send items to each other, enhancing community interaction. 4. **Fake Robux Transactions**: A simulated currency system allowing users to send and receive fake Robux, integrating seamlessly into the user experience. 5. **Game Settings**: Users can adjust their game settings, including privacy preferences and notification settings. 6. **Admin Dashboard**: A backend interface for managing users, items, and transactions to ensure smooth operation. ## 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 sidebar for quick access to key features, and a content area that displays the main functionalities such as the marketplace and user profiles. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS. - **UI Components**: shadcn/ui. - **State Management**: React Context or Zustand for managing global state as needed. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Create a new React app with TypeScript using Create React App. 2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components. 3. **Create Layout Components**: Develop the main layout including the navigation bar, sidebar, and main content area. 4. **Develop User Profile Feature**: Implement profile creation and customization functionalities. 5. **Build Marketplace**: Create a marketplace component to display items with options to buy, sell, and trade. 6. **Implement Item Sending**: Develop the feature that allows users to send items to each other. 7. **Set Up Fake Robux Transactions**: Create the simulated currency system and integrate it within the user workflows. 8. **Admin Dashboard**: Build an admin interface for managing users and transactions. 9. **Test and Optimize**: Conduct thorough testing for usability and responsiveness. ## USER EXPERIENCE Users will have an intuitive experience as they navigate through the application. They can easily manage their profiles, browse the marketplace, and interact with others through item sending and currency transactions. The minimalist design ensures that users remain focused on their interactions without distractions, while the responsive layout adapts to various device sizes for optimal usability.
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!
