Quiero que actúes como un equipo senior de producto, UX/UI, arquitectura de software y desarrollo full stack.
Generated Prompt
## APPLICATION OVERVIEW AgroMarket is a web and mobile application designed as a multi-vendor marketplace for the agricultural sector. This platform enables producers, farmers, buyers, and companies to easily search, quote, and purchase agricultural products through intelligent AI assistance or manual catalog exploration. ## CORE FEATURES 1. **Intelligent AI Search**: Users can interact with an AI advisor using natural language to get recommendations for products based on their needs, such as pest control or fertilization. 2. **Manual Catalog Browsing**: A structured catalog allows users to navigate products by categories, suppliers, and filters, facilitating easy access to relevant items. 3. **Multi-vendor Cart**: Users can add products from multiple suppliers into a single cart, simplifying the purchasing process and allowing for a comprehensive view of their selection. 4. **Automated Proforma Generation**: The system automatically generates proforma invoices based on user selections, streamlining the purchase process. 5. **WhatsApp Integration**: Users can easily redirect to suppliers via WhatsApp for direct communication and confirmation of details related to their purchases. 6. **Advanced Commercial Analytics**: Dashboards for administrators and suppliers to track sales, commissions, and user interactions, providing insights for better decision-making. ## 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 structure will feature a top navigation bar, a prominent hero section for the AI search and catalog exploration, followed by grid sections for featured products and categories, and a footer with contact and additional links. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux Toolkit (if needed) ## IMPLEMENTATION STEPS 1. **Set Up the Development Environment**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, and shadcn/ui). 2. **Design the Layout**: Create components for the header, footer, and main content areas. Use Tailwind CSS utilities for styling. 3. **Implement AI Search Functionality**: Integrate an AI service to handle user queries and provide product recommendations. 4. **Develop Catalog Browsing**: Build the product listing page with filters and sorting options using data from Supabase. 5. **Set Up the Multi-vendor Cart**: Create a cart component that can aggregate products from various suppliers and calculate totals. 6. **Automate Proforma Generation**: Implement logic to generate proformas and allow users to download them. 7. **Integrate WhatsApp Communication**: Add functionality to redirect users to WhatsApp with pre-filled messages for supplier communication. 8. **Create Dashboards for Analytics**: Develop admin and supplier dashboards to display relevant metrics and insights. 9. **Test the Application**: Conduct user testing to ensure all functionalities work as expected and optimize for performance. 10. **Deployment**: Deploy the application on a cloud platform, ensuring it is secure and scalable. ## USER EXPERIENCE Users will have a streamlined experience starting from the landing page where they can either engage with the AI advisor or explore the product catalog. The application will maintain a clear navigation path throughout the purchasing process, from product selection to checkout, with easy access to support via WhatsApp. The dashboards will provide insightful analytics, enhancing the operational capabilities for both suppliers and administrators. This prompt is designed to ensure the successful development of AgroMarket, aligning with the user's vision of a robust, user-friendly marketplace for the agricultural sector.
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!
