/plushcap/analysis/strapi/strapi-build-a-logistics-app-with-strapi-angular-and-postgres-part-2

Build a Logistics App with Strapi, Angular, & Postgres - Part 2

What's this blog post about?

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.

Company
Strapi

Date published
Dec. 9, 2024

Author(s)
Nancy Okeke

Word count
3976

Language
English

Hacker News points
None found.


By Matt Makai. 2021-2024.