Website for a spot vendor in a vegetable market yard.
Generated Prompt
## APPLICATION OVERVIEW This web application serves as a management platform for a spot vendor operating in a vegetable market yard. It facilitates the efficient handling of container management, sales operations, and financial tracking for suppliers, buyers, and collection agents. ## CORE FEATURES 1. **Role Management**: The Super Admin can create and manage user roles such as supervisors, accounts, salespersons, and collection agents for effective workflow management. 2. **Master Container Data Input**: The Super Admin can input detailed data about containers, including container ID, type, supplier information, contents, landed cost, and relevant dates. 3. **Inventory Management**: Salespersons can view live inventory updates with representative images of items, allowing them to manage sales, returns, exchanges, and damages efficiently. 4. **Sales Processing**: Salespersons can finalize sales by entering item details, quantities, pricing, and buyer information, which are then sent to supervisors for review. 5. **VAT Calculation**: Supervisors can review sales details and apply VAT as necessary, ensuring tax compliance before finalizing orders. 6. **Collection Tracking**: Collection agents can monitor outstanding payments, update payment statuses, and view remaining amounts due after delivery. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design features a clean and simple aesthetic with ample white space, focusing on essential information and user tasks. - **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and create a fresh, approachable interface. - **Layout**: A grid-based layout that separates different functional areas such as inventory, sales processing, and user management into distinct sections, promoting easy navigation. - **Typography**: Use a modern sans-serif font such as Inter or Roboto for clear readability, with a hierarchy that emphasizes headings and important information through size and weight variations. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for a robust and type-safe development experience. - **Styling**: Tailwind CSS for utility-first styling, enabling quick design adjustments and responsiveness. - **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design philosophy. - **State Management**: Implement React Context or a state management library like Redux for efficient state handling across the application. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project using TypeScript and install Tailwind CSS along with shadcn/ui for UI components. 2. **Define User Roles**: Create a user management system where the Super Admin can create and modify roles and permissions. 3. **Develop Master Container Module**: Build forms for the Super Admin to input container data, ensuring validation for all fields. 4. **Inventory Management Interface**: Design the inventory section for salespersons to view and manage items using live data updates. 5. **Sales Processing Feature**: Implement the sales processing workflow, including data entry and submission mechanisms for salespersons. 6. **VAT Management**: Create functionality for supervisors to review sales and apply VAT calculations as needed before finalizing transactions. 7. **Collection Agent Module**: Develop a dashboard for collection agents to monitor payment statuses and update records. 8. **Testing and Debugging**: Conduct thorough testing of all features to ensure functionality and user experience are seamless. ## USER EXPERIENCE The application provides an intuitive user experience by allowing users to navigate through clearly defined sections. Salespersons can easily log in, select assigned containers, and process sales with a few clicks. The responsive design ensures usability across various devices, while live updates and clear visual cues enhance operational efficiency. Supervisors and collection agents benefit from streamlined workflows that facilitate timely decision-making and financial tracking.
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!
