Project Details

Logistics dashboard – delivery management

An admin dashboard to manage and track every delivery in one place, from incoming orders to driver assignment and live tracking. It also covers point-of-sale and menu management.

Project Information

  • Client: Ibtidah Solutions (internal product)
  • Role: Frontend developer
  • Stack: Next.js, React, TanStack Query, React Hook Form, Zod, shadcn/ui, Tailwind CSS, Axios
  • Link: Private dashboard; screenshots only.
What I built
  • Order management: list, filter, edit and cancel orders (with a confirmation modal)
  • Driver management and order assignment, including an edit-driver panel
  • Real-time order tracking
  • POS and menu management screens
  • Validated forms with React Hook Form and Zod, including an international phone input
  • Server state on TanStack Query, with caching and no duplicate requests
Logistics dashboard orders table with route points, drivers and status
Logistics dashboard create-order form with map and driver assignment
Logistics dashboard order details with the pickup and drop-off route
Logistics dashboard edit order panel
Logistics dashboard order tracking with status steps