https://docs.google.com/document/d/1s22hjK2_l9JXYLOlDhzmqPBHaSacnUTs2uS42prWTqM/edit?tab=t.0
We are seeking an experienced React frontend developer to create a full-fledged application for our ERP system. The primary focus of this project is to develop a robust interface for managing Purchase Order Vouchers.
Key functionalities required include:
- Ability to Add, Edit, and Delete Purchase Order Vouchers.
Voucher Details:
- Voucher No: This field should be auto-generated by the system.
- Supplier Code: A dropdown list must be implemented, allowing users to select from hundreds of supplier codes. Only the Supplier Name should be displayed in the interface.
- Voucher Date: This field is mandatory.
- All mentioned fields for the voucher are mandatory.
Item Grid Details:
Each Purchase Order Voucher can contain multiple items. A scrollable grid edit area is required directly within the main voucher screen, avoiding the use of modal windows for item entry or editing.
For each item in the grid, the following fields are needed:
- Item Type: A dropdown list for user selection.
- Item Code: A dropdown list with search functionality and load-on-demand capabilities, as there will be thousands of items. Selection should be based on the chosen Item Type.
- Item Description: This column should display the item's description and be non-editable.
- Rate: User will manually enter the rate for the item.
- Qty: User will manually enter the quantity.
- Value: This field should automatically calculate as (Rate * Qty) and be non-editable.
Footer:
- A total footer displaying the sum of all 'Value' fields for the voucher.
User Interaction:
- Users must be able to edit and delete individual items within a voucher.
- Users must also be able to edit and delete entire vouchers.
Validation:
- The system should implement robust validation. In case of errors, such as an invalid Supplier Code or Item Code, a clear validation message must be displayed to the user, preventing further action until corrected.
Project duration Not specified