配送・配車管理システム

Overview #Personal Development

A web-based operations system that provides consistent management of delivery requests from acceptance through delivery planning, vehicle and driver assignment, operations, arrival, and Proof of Delivery (POD) using a single delivery number. With a registration-free local demo, you can experience the entire actual delivery operations workflow using 26 fictional delivery requests, 8 vehicles, and 10 drivers.

Main Features

Dispatch Board

• Visualizes delivery progress in 4 stages: unassigned → assigned → in transit → completed
• Integrated management of detailed stages (acceptance, planning, departure, pickup, delivery, arrival)

Vehicle & Driver Assignment

• Simultaneously validates delivery time slots, cargo weight/volume, vehicle capacity limits, and inspection status
• Automatically detects conflicts such as capacity overages, time slot overlaps, and inspection deadline overages
• Enables assignment confirmation only when blockers count is 0

Route Map

• SVG-based vector conceptual diagram visualizing pickup points, delivery points, routes, and current location
• Generates optimal route candidates for multiple delivery destinations using Nearest Neighbor algorithm
• Results are saved as Draft and not automatically applied until manager approval

Delivery Timeline

• Displays 7 steps (acceptance → assignment → departure → pickup → delivery → arrival → completion) with actual results
• Automatically determines delays by comparing scheduled times with actual times

Proof of Delivery (POD)

• Records completion time, recipient, notes, and demo placeholder equivalent for photos
• Specification prevents normal status transitions to completion without POD recording

Dashboard & Analytics

• Real-time aggregation of today's delivery count, unassigned count, in-transit count, and delayed count
• Calculates vehicle and driver utilization rates, average processing time, and delay rate
• Analyzes delivery patterns with time-slot-based charts

Audit Log

• Tracks assignment creation/changes, status changes, route approvals, and POD records by delivery number
• Ensures business transparency and traceability

Technology Stack

Next.js 16.3, React 19.2, TypeScript, Tailwind CSS, Lucide React, Sonner, Web Storage API

Features

• Standalone operation without external APIs (Map, GPS, Routing)
• UI based on Apple Design principles (Side Panel, Press Feedback, 44px operation area)
• Accessibility support for Reduced Motion / Contrast
• Maintains state via browser localStorage, resettable with initialization function