ZapShift
Logistics, redefined.
🎯 The Goal
Create a real-time logistics platform that lets admins manage delivery shifts, track drivers, and handle customer orders — all from a single, role-aware dashboard.
Tech Stack & Architecture
Frontend
React.js with a responsive dark UI, Firebase Realtime DB for live delivery tracking updates.
Backend
Express.js REST API handling business logic, order processing, and driver assignment algorithms.
Auth System
JWT-based authentication with role separation (Admin / Driver / Customer) enforced at API level.
Real-time
Firebase Realtime Database syncs delivery status across all connected clients without page refresh.
Key Challenge
Designing a role-based permission system where Admins, Drivers, and Customers see entirely different dashboards and API endpoints — all from the same codebase — without security leaks between roles.
The Solution
Built a middleware layer in Express that validates JWT tokens and attaches role claims to every request. The React frontend reads the role from the decoded token and conditionally renders dashboard components, ensuring zero UI or data cross-contamination between roles.
🚀 Results & Impact
- 3 distinct role-based dashboards served from a single codebase
- Real-time delivery status updates with zero polling using Firebase listeners
- JWT refresh token rotation prevents session hijacking attacks
🔮 Future Plans
"I plan to implement push notifications for drivers, a more robust reporting dashboard for admins, and a mobile-specific app using Flutter for better on-the-go access."