Plataforma digital premium, completa, funcional y lista para publicar (web + app híbrida) llamada Amatrix Agency, diseñada para conectar clientes...
Generated Prompt
```markdown ## APPLICATION OVERVIEW Amatrix Agency is a premium digital platform designed to connect clients with professionals for both virtual and in-person services. This fully functional web and hybrid app provides a seamless, intuitive experience that eliminates friction in finding, comparing, and hiring professional services, ensuring a modern, secure, and scalable ecosystem. ## CORE FEATURES - **User Registration & Authentication**: Secure registration for clients and professionals, including Google account integration, with real-time session management and password recovery options. - **Service Catalog**: A well-structured service directory organized into categories, subcategories, and modalities, featuring filters for price, availability, location, and ratings. - **Real-Time Communication**: Integrated chat and video call functionalities for seamless interaction between clients and professionals. - **Payment System**: Secure escrow-based payment processing allowing clients to pay a percentage upfront, with funds released upon service confirmation. - **User Profiles**: Comprehensive profiles for professionals showcasing services, availability, pricing, and verified reviews to enhance trust and conversion. - **Admin Dashboard**: Robust management tools for user control, profile validation, service category management, and dispute resolution. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist aesthetic featuring clean lines, ample white space, and a focus on usability and clarity, avoiding overly futuristic designs. - **Color Mode**: Light theme utilizing a primary purple reminiscent of Hostinger and a secondary elegant fluorescent green, balanced with light and dark tones for visual clarity. - **Layout**: A simple, responsive layout with a fixed navigation menu providing access to all major sections of the platform, including Home, Services, Professionals, Agenda, Tracking, Chat, and Profile/Settings. - **Typography**: Modern, legible fonts with a clear hierarchy to guide users through content, ensuring readability and accessibility. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for type-safe development. - **Styling**: Tailwind CSS for utility-first styling and responsive design. - **UI Components**: Utilize shadcn/ui for consistent and modern user interface components. - **State Management**: Implement React Context or Redux for managing global state effectively. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize the React app with TypeScript and install Tailwind CSS along with shadcn/ui components. 2. **Create User Authentication**: Develop registration and login functionalities with secure data handling and session management. 3. **Build Service Catalog**: Design the service catalog structure and implement filtering options for categories and modalities. 4. **Integrate Communication Tools**: Set up real-time chat and video call features utilizing a suitable library or service. 5. **Implement Payment System**: Develop the escrow payment flow including integration with PayPal and Mercado Pago. 6. **Develop User Profiles and Admin Dashboard**: Create user and admin interfaces for managing profiles, services, and user interactions. ## USER EXPERIENCE The platform's user experience focuses on seamless navigation and high conversion rates. Clients can register and quickly browse services using advanced filters, while professionals can set up their profiles and manage bookings efficiently. Real-time chat and video calls facilitate direct communication, enhancing trust. The payment process is straightforward, with clear prompts guiding users through each step, from service selection to payment confirmation, ensuring a smooth transaction experience. ```
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!
