Food Delivery System | Spring Boot, Angular | OpenStreetMap | WebSocket | Spring Security
In this video, we build SmartFood, a high-performance delivery ecosystem using Spring Boot and Angular. Unlike other tutorials, we bypass Google Maps and integrate OpenStreetMap (OSM) via Leaflet.js to create a professional, zero-cost mapping solution.
A full-stack, real-time food delivery platform designed and developed from scratch, featuring Admin, Restaurant, Rider, and Customer panels with complete operational and financial automation.
Key Features
Real-time order lifecycle updates using WebSockets
Live rider tracking on interactive maps (Leaflet + OpenStreetMap)
OTP-based delivery confirmation
Restaurant management with order preparation flow
Rider shift management with hourly pay, bonuses, overtime & deductions
Automated payroll and settlement system
Drag-and-drop rider assignment from admin panel
Geospatial analytics powered by PostgreSQL
Professional PDF receipts & reports generated using JasperReports
Secure role-based authentication using JWT
Tech Stack
Frontend: Angular, Tailwind CSS
Backend: Spring Boot, Spring Security, WebSocket (STOMP)
Database: PostgreSQL + PostGIS
Maps: Leaflet + OpenStreetMap
Reporting: JasperReports