Kanban Board for Orders with Nested Product View

I'll create a kanban board for orders with the ability to click on an order to see a nested kanban of the associated products.

I've created a kanban board for order management with the following features:

1. Main Kanban Board for Orders:

   • Orders are organized into four columns: New, Processing, Shipped, and Delivered
   • Each order card shows the order number, customer name, date, number of products, and total amount
   • You can drag and drop orders between columns to update their status

2. Nested Product Kanban:

   • Click on any order card to open a modal with a nested kanban board
   • The nested kanban shows all products associated with that order
   • Products are organized into four columns: Pending, In Progress, Quality Check, and Ready
   • Each product card displays the product name, image, quantity, and price
   • You can drag and drop products between columns to update their status

3. Responsive Design:

   • The layout adapts to different screen sizes
   • On mobile, columns stack vertically
   • On larger screens, columns display side by side

The implementation uses:

• dnd-kit for drag-and-drop functionality
• shadcn/ui components for the UI elements
• Mock data to demonstrate the functionality

You can customize the statuses, add more details to the cards, or connect this to a real database to store the order and product information.

Production Progress Tracking System for Manufacturing

I'll create a comprehensive system to track production progress for custom manufacturing orders, focusing on seamstress assignments and part completion tracking.

Production Progress Tracking System

I've created a comprehensive system for tracking production progress on custom manufacturing orders, with a focus on seamstress assignments and part completion tracking.

Key Features

1. Order Kanban Board

• Orders are organized into four columns: New, In Production, Quality Check, and Shipped

• Each order card shows:

  • Order number and customer
  • Number of products
  • Overall production progress with a progress bar
  • Total order value

2. Detailed Order View

When clicking on an order, a detailed modal opens with:

Overview Tab

• List of all products in the order

• For each product:

  • Parts breakdown (e.g., for a plush toy: body, head, arms, legs, tail, final assembly)
  • Quantity of each part needed
  • Seamstress assigned to each part
  • Completion status of each part
  • Progress tracking

Assignments Tab

• View of all seamstresses assigned to the order

• For each seamstress:

  • List of parts they're responsible for
  • Total quantity of parts assigned
  • Completion progress

3. Part Management

• Assign seamstresses to specific parts
• Update completion quantities as work progresses
• Track progress at multiple levels (part, product, and order)

4. Data Model

The system uses a hierarchical data model:

• Orders contain Products
• Products contain Parts
• Parts are assigned to Seamstresses
• Parts track completion quantities

This structure allows for granular tracking of production progress while maintaining a clear overview of the entire manufacturing process.

How It Works

1. Managers can:

   • Create orders with multiple products
   • Break down products into parts
   • Assign seamstresses to specific parts
   • Monitor overall production progress

2. Seamstresses can:

   • See which parts they're assigned to
   • Update completion quantities as they finish work

3. Everyone can:

   • Track progress at all levels (order, product, part)
   • Identify bottlenecks in the production process

This system provides both the high-level kanban view you requested and the granular details about part assignments to seamstresses, giving you complete visibility into your manufacturing process.