Merchant Management Dashboard (React.js, Node.js)
Budget: £20 – £250 GBP
Project Description:
We are building a courier management system, and this project focuses on developing the Merchant Dashboard using React.js with backend API integration (Node.js + Express).
The dashboard will allow merchants to manage their shipments efficiently through the following key features:
⸻
Scope of Work:
Merchant Dashboard Features:
• Pickup Scheduling – Merchants should be able to schedule parcel pickups from their location.
• Order Management – View, filter, and manage parcel orders with live status updates.
• Shipping Label Generation – Automatically generate tracking numbers and corresponding QR code labels for printing.
• Order Tracking – Display tracking status and order history for each shipment.
• Shopify/WooCommerce Integration – Orders should sync automatically via Zapier or webhook endpoints (optional for future phase).
• Location Filtering – Ability to filter orders within specific zones (e.g., within London’s M25).
⸻
Driver Dashboard (Part of this milestone):
• Assigned Pickups – Drivers should see only the parcels assigned to them.
• QR Code Scanning – Scan parcels at pickup and delivery points using mobile or device camera.
• Status Updates – Update parcel status (Picked Up, At Hub, Out for Delivery, Delivered, Returned).
⸻
Tech Stack:
• Frontend: React.js (with Bootstrap or Tailwind preferred)
• Backend: Node.js + Express (already partially built)
• Database: MongoDB (schemas already in place)
• Authentication: JWT-based role management (Admin, Merchant, Driver, Hub Staff)
⸻
Expectations:
• Clean, modular code using reusable components.
• Mobile-responsive dashboard.
• Communication through Freelancer chat and GitHub (optional).
• API testing with Postman during development.
⸻
Deliverables:
• Fully functional Merchant Dashboard (React + integrated APIs)
• Driver Dashboard features for parcel pickup and tracking
• QR code generation for labels
• Filter system for geographic zones (initially M25 area)
• Demo walkthrough before milestone sign-off
We are building a courier management system, and this project focuses on developing the Merchant Dashboard using React.js with backend API integration (Node.js + Express).
The dashboard will allow merchants to manage their shipments efficiently through the following key features:
⸻
Scope of Work:
Merchant Dashboard Features:
• Pickup Scheduling – Merchants should be able to schedule parcel pickups from their location.
• Order Management – View, filter, and manage parcel orders with live status updates.
• Shipping Label Generation – Automatically generate tracking numbers and corresponding QR code labels for printing.
• Order Tracking – Display tracking status and order history for each shipment.
• Shopify/WooCommerce Integration – Orders should sync automatically via Zapier or webhook endpoints (optional for future phase).
• Location Filtering – Ability to filter orders within specific zones (e.g., within London’s M25).
⸻
Driver Dashboard (Part of this milestone):
• Assigned Pickups – Drivers should see only the parcels assigned to them.
• QR Code Scanning – Scan parcels at pickup and delivery points using mobile or device camera.
• Status Updates – Update parcel status (Picked Up, At Hub, Out for Delivery, Delivered, Returned).
⸻
Tech Stack:
• Frontend: React.js (with Bootstrap or Tailwind preferred)
• Backend: Node.js + Express (already partially built)
• Database: MongoDB (schemas already in place)
• Authentication: JWT-based role management (Admin, Merchant, Driver, Hub Staff)
⸻
Expectations:
• Clean, modular code using reusable components.
• Mobile-responsive dashboard.
• Communication through Freelancer chat and GitHub (optional).
• API testing with Postman during development.
⸻
Deliverables:
• Fully functional Merchant Dashboard (React + integrated APIs)
• Driver Dashboard features for parcel pickup and tracking
• QR code generation for labels
• Filter system for geographic zones (initially M25 area)
• Demo walkthrough before milestone sign-off