Pago Nexus - Crea desde cero , una tienda web tipo app (PWA instalable) para recargas de juegos y servicios digitales, en español (México) y...
Generated Prompt
```markdown ## APPLICATION OVERVIEW "Pago Nexus" is a web application designed as a progressive web app (PWA) for purchasing game recharge cards and digital services in Mexico, utilizing Mexican pesos (MXN). The application focuses on providing a user-friendly interface with a minimalist design, enabling seamless navigation for users on both mobile and desktop devices. ## CORE FEATURES - **User Registration and Login**: Users can register and log in with email and password, with encrypted data storage. Guest purchases are also allowed. - **Game Recharge Flow**: A step-by-step process for purchasing game recharge cards, including product selection, data entry, and payment processing via PayPal. - **Admin Panel**: A secure interface for managing games, categories, orders, and user reviews, including maintenance mode and detailed sales analytics. - **Product Catalog**: A dynamic grid displaying available game cards with real-time stock updates, including filters and pagination for easy browsing. - **Customer Support Integration**: A floating button for instant support via WhatsApp, enhancing user engagement and assistance. ## 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 application features a fixed bottom navigation bar on mobile with sections for Home, Games, Orders, and Profile, alongside a clean and spacious design for desktop. The homepage includes a header with a logo, search bar, and login button, followed by dynamic content sections. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux or Context API as needed for managing application state ## IMPLEMENTATION STEPS 1. **Set up the React environment** with TypeScript and install Tailwind CSS for styling. 2. **Create the main application structure**, including routing with React Router for navigation between different pages (Home, Game Details, Admin Panel). 3. **Develop the User Authentication System** using libraries like Firebase or custom JWT-based authentication. 4. **Implement the Game Recharge Flow**, creating components for each step (Product Selection, Data Entry, Payment). 5. **Build the Admin Panel**, ensuring secure access and functionality for managing products and orders. 6. **Integrate PayPal SDK** for payment processing, ensuring secure transactions and proper order handling with webhooks. 7. **Test the application thoroughly**, ensuring responsiveness and usability across devices. ## USER EXPERIENCE Users will experience a smooth and intuitive flow, starting from the homepage where they can easily search for games and view promotions. The step-by-step purchasing process ensures clarity, guiding users through entering their information and completing payments securely. The integration of a WhatsApp support button allows for immediate assistance, fostering trust and satisfaction. ```
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!
