Full technical blueprint
Generated Prompt
```markdown ## APPLICATION OVERVIEW United Gaming is an e-commerce web application designed to provide gamers with a seamless platform to browse, purchase, and pre-order gaming products. The application facilitates a modern shopping experience, emphasizing a clean and user-friendly interface tailored for both buyers and administrators. ## CORE FEATURES - **User Account Management**: Users can create accounts, manage profiles, and view order histories. - **Product Catalog**: An extensive catalog showcasing various gaming products, including detailed descriptions, images, and pricing. - **Shopping Cart**: Users can easily add or remove items from their carts before proceeding to checkout. - **Secure Payment Options**: Multiple payment methods including Cash on Delivery (COD), bKash Manual, and bKash API for streamlined transactions. - **Admin Panel**: A fully functional admin dashboard for managing products, orders, and payment confirmations. - **Pre-Order System**: Admins can set a fixed or percentage-based advance payment for pre-orders, enhancing inventory management. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist approach with a clean, simple design that allows for ample white space, focusing on clear navigation and readability. - **Color Mode**: Light theme featuring dark text on light backgrounds to ensure maximum legibility and user comfort. - **Layout**: A structured grid layout for product displays, complemented by a side navigation panel for easy access to categories and user account settings. - **Typography**: Use of modern sans-serif fonts for headings and body text to create a cohesive, easy-to-read hierarchy. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for type safety and enhanced development experience. - **Styling**: Tailwind CSS for utility-first styling, ensuring flexibility and responsiveness. - **UI Components**: Integration of shadcn/ui for pre-built components that adhere to the minimalist design philosophy. - **State Management**: Utilize React's Context API or Redux for centralized state management across components. ## IMPLEMENTATION STEPS 1. **Initial Setup**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **User Authentication**: Implement user registration and login functionalities using a battle-tested authentication library (e.g., Auth0). 3. **Product Management**: Develop the admin panel to allow product additions, edits, and deletions, utilizing API endpoints for CRUD operations. 4. **Shopping Cart Integration**: Create a shopping cart component that manages user selections and displays current items. 5. **Payment System**: Integrate payment methods, ensuring secure handling of transactions and user inputs. 6. **Pre-Order System**: Design admin functionality for setting pre-order terms and handling related transactions. 7. **Testing and Deployment**: Conduct thorough testing (unit and integration), followed by deployment to a secure hosting platform such as Vercel or AWS. ## USER EXPERIENCE Users will begin their journey by browsing the product catalog, adding desired items to their shopping cart, and easily navigating to the checkout process. The streamlined payment options will enhance user satisfaction, while the admin panel will allow for efficient management of the platform, ensuring that all products are up-to-date and orders are processed quickly. ``` This prompt is structured to provide a clear and actionable technical blueprint for the United Gaming e-commerce web application, following the specified requirements and design principles.
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!
