Transport System web application

Transport System web application


We created a customer's portal and integrated it with

his TMS to help his business build transparent relationships

with customers and successfully compete with rivals by providing

exceptional customer service.

Tech stack

Frontend:React, Redux

Backend:PHP, MySQL


Our role

Frontend, Backend, QA, Support, DevOps

The Challenge

The main challenge was that freelance developers had already halfway developed the product, so the client wanted to complete it with a highly proficient team with established working processes.

Apart from generating new functionalities and UI/UX design improvement, it required a complete redesign of its significant components — admin and personal cabinet.

TerraBuilds team carried out an entire development cycle to complete the project, including design, implementation, integration, DevOps, QA, and support.

The Solutions

-A customer fills in order details in the app. They can use templates, pre-populate the form with the data from previous shipments, or automatically generate multiple orders by simply uploading a CSV file of a predefined structure.

-If that’s a regular shipment with predictable pricing, a customer can create an order without a quote request - the system automatically sends it to the TMS and admin panel. Otherwise, a customer can request a quote before sending the order to processing. The logistics agent calculates the price in the admin panel and sends it back to the cust.

-The order data is sent to the TMS and admin panel. The logistics agent assigns the fleet, plans truckload, and builds the route.

-The customer app receives information and notifies a customer about the submitted shipment. The system generates the Order card, where customers can track their shipment.

-Previously, customers had to directly contact their logistics agents to place orders. Customers sometimes need to make multiple orders at once, and dictating information and double-checking it was time-consuming and a potential source of errors. With the order management module, this process became simpler

To simultaneously track multiple orders, we created a dashboard that places all shipment information at a customer’s fingertips. For ease of use and quick access to information, we made several improvements to the standard dashboard functionality.

-Check if the order is paid, awaiting for payment, or overdue

-Sort orders by date, type, status, etc.

-Filter orders in the set timeframe

-Go to the tracking page of the particular order

-Check the progress of the shipment

To make this possible, we created a module and integrated it with the client’s existing TMS via a custom API. We had access to the TMS source code, so on the back end we developed an API that can send data from the TMS to our customer portal.

We also implemented a message broker that can send updates and notifications via email, SMS, and the customer portal right after data is updated.

Real-time tracking functionality.

The tacking feature delivers value to customers by:

-Showing the full route of the shipment

-Estimating the number of delivery days

-Showing detailed shipment statuses that change immediately after the status is updated in TMS

-Notifying customers about delivered shipments or extraordinary situations that cause delays

-Displaying the list of all documents related to the shipment with the ability to download them

Automated document processing

Customers can access and download bills of lading, commercial invoices, certificates of origin, and other accounting documents. Automatic document generation was part of the TMS functionality, so integrating with the TMS also allowed us to easily and safely send documents to the customer portal. To be sure that the system sends documents to the authorized user, we implemented an access check for each document request.

The system is integrated with Sap ERP and Oracle ERP so customers can send documents directly to their ERP software. This saves a lot of time for end customers’ employees.

What’s more, customers can generate documents with a customized structure and format so there’s no need to reformat files to meet their own standards. A customer can set a custom document structure in settings by uploading a sample structure file. After submitting this file, the system will automatically add documents with the predefined structure to the list of downloadable transportation documents.

Benefits of the product we created:

1.Business customers get an opportunity


-View up-to-date shipment information anytime

-Download the needed transport documentation

-Have a holistic view of all shipments

-Easily and quickly fill in all order info

2.In turn, the client’s logistics agents:

-Get free from routine task

-Can focus on providing timely and high quality customer service

-Work more effectively, which leads to cutting operating