Assignment - Frontend Developer
Assignment - Frontend Developer
3. One tab for the Active Sale Orders. Another For the Completed
Sale Orders.
5. Below in the image, the active sale order row contains (triple
horizontal dots icon/ … ), which is another modal trigger, for
editing that active sale order. ( Initially, the Form must be prefilled
with the details). A similar pattern should be followed in the
Completed Sale Order table, but the form will be Read-Only.
Wireframe for page(s)
Schema
1. CUSTOMER SCHEMA :
{
"id": 9,
"customer": 11908,
"customer_profile": {
"id": 11908,
"name": "Ram",
"color": [
182,
73,
99
],
"email": "[email protected]",
"pincode": "Mumbai",
"location_name": "Mumbai, Maharashtra, India",
"type": "C",
"profile_pic": null,
"gst": ""
},
}
2. PRODUCT SCHEMA
{
"id": 209,
"display_id": 8,
"owner": 1079,
"name": "New Product",
"category": "The god of War",
"characteristics": "New Product Characteristics",
"features": "",
"brand": "New Product Brand",
"sku": [
{
"id": 248,
"selling_price": 54,
"max_retail_price": 44,
"amount": 33,
"unit": "kg",
"quantity_in_inventory": 0,
"product": 209
},
{
"id": 247,
"selling_price": 32,
"max_retail_price": 32,
"amount": 33,
"unit": "kg",
"quantity_in_inventory": 0,
"product": 209
},
{
"id": 246,
"selling_price": 23,
"max_retail_price": 21,
"amount": 22,
"unit": "kg",
"quantity_in_inventory": 1,
"product": 209
}
],
"updated_on": "2024-05-24T12:46:41.995873Z",
"adding_date": "2024-05-24T12:46:41.995828Z"
}
{
"customer_id": 11908,
"items": [
{
"sku_id": 220,
"price": 12,
"quantity": 12
} ],
"paid": false,
"invoice_no": "Invoice - 1212121",
"invoice_date": "7/5/2024"
}
Guidelines:
3. Tanstack react query for managing server state. For all the events,
the api calls should be mimicked.
1. Video (Google Drive link) of the working application with all the
major features well highlighted.