In this article series, we built a logistics application that allows users to create orders and shipments and track the real-time location of their shipments. We used technologies such as Node.js, Express.js, MongoDB, Angular, and Leaflet for map integration. Additionally, we implemented PWA features in our application using Angular's @angular/pwa package to make it work offline.
In Part 1 of this series, we set up the backend server using Node.js, Express.js, and MongoDB. We created custom routes for creating orders and shipments and retrieving their data. We also implemented real-time tracking by setting up a socket connection between the frontend and backend.
In Part 2 of this series, we built the frontend application using Angular. We created components for user authentication, order creation, shipment creation, and real-time tracking. We used Leaflet to display the shipment location on a map. Additionally, we implemented PWA features in our application using Angular's @angular/pwa package to make it work offline.
In this concluding part of the series, we focused on integrating the frontend and backend applications and adding real-time tracking functionality. We also added user authentication using JSON Web Tokens (JWT) and implemented PWA features in our application using Angular's @angular/pwa package to make it work offline.
Overall, this series provided a comprehensive guide on building a logistics application with real-time tracking capabilities and implementing PWA features. We hope you found this tutorial helpful in your journey toward building better web applications.