Module Ordering
Organize selected modules using drag-and-drop functionality.
Sortable Interface
Technology
- DnD Kit integration (@dnd-kit library)
- Smooth animations (200ms transitions)
Visual Feedback
- Opacity changes during drag
- Drag overlay for current item
- Real-time order updates
How to Reorder
- Click and hold a module card
- Drag to desired position
- Release to drop
- Order is automatically saved
Smart Validation
Duplicate Skills Warning
When modules contain overlapping skills:
- Yellow warning banner appears
- Alert icon indicates conflict
- Module listing shows which modules conflict
Resolution
- Review conflicting modules
- Remove duplicates if needed
- Or acknowledge overlap and proceed