Grubbly is a comprehensive food delivery application connecting customers, kitchen vendors, and platform administrators. It unifies order management, coordinate address pinning, live courier location animations, and secure transaction handling into a single, optimized Vite-React deployment.
Managing separate admin and customer web hostings creates deployment complexity, while static delivery status pages provide poor visibility into order transit updates.
Consolidated customer storefront and partner portals into a single Vite deployment with role-based JWT navigation guards, and implemented real-time Socket.io timeline updates with Leaflet map tracking animations.
Automatically routes vendors to partner dashboards and customers to shop fronts.
Pins exact delivery locations using OpenStreetMap and Nominatim reverse-geocoding.
Broadcaster timeline status updates and animates rider courier movements in real-time.
Handles Razorpay checkout verified by backend HMAC-SHA256 signatures.
How events flow through customer checkout, backend Socket.io channels, and live courier map tracking loops.
Pins address on Leaflet Map and triggers Razorpay checkout.
Verifies payment signatures, saves orders, and broadcasts status updates.
Updates order states (Processing, Out for Delivery, Delivered).
Renders smooth rider movement along OpenStreetMap paths via WebSocket signals.
“Consolidating independent customer and admin portals into a single React bundle required dynamic routing layout guards. We implemented useLocation layout filters to isolate CSS grid frameworks and navigation headers, achieving compile success in under 4 seconds.”
Tracks active orders, daily item listings, and revenue metrics.
Interactive map view displaying animated rider location updates.
I'm currently open to software engineering internships, backend architecture roles, and open-source collaborations.