Live Scheduler
React single-page app for live production scheduling with swimlanes and real-time syncing.
Live Scheduler is a React single-page app that manages live production scheduling through swimlane boards and card workflows. The UI is centered on an AppHeader and SwimLanes with extensive modal-driven flows for orders, shipments, parts, employees, and companies.
State management relies on Redux with persistence and axios middleware configured against an SOS backend. The app uses URL parameters to deep-link into employee, parts, order, and company contexts. It supports drag-and-drop interactions, image uploads/cropping, and scroll loading for large datasets.
Real-time or near-real-time syncing is implied by heartbeat calls and socket client usage alongside periodic user checks. Cypress is integrated for end-to-end testing with targeted specs for pipeline and LiveScheduler flows.
Stack: React 18, Redux, Semantic UI, Cypress, Node.js, Socket.io, React DnD.