Feeder Customer Portal

A customer portal for vessel business that can be used by any vessel / feeder company
CLIENT
Unifeeder
INDUSTRY
Logistics
CORE TECHNOLOGIES
Angular
SpringBoot
Oracle
Apache Tomcat
AWS
Back to top
Overview
Problem Statement
Solution

Overview

The app provides features like creating & listing bookings, getting the status of bookings, and notifications, viewing pending invoices, calculating rate matrix, and managing profiles. One of the major and the most complex feature of this app is creating a new booking; it involves a complex user interface depending on various conditions.

Problem statement

Our customer who is one of the largest feeder companies in the Indian coastal region, wanted us to implement a platform that can be used by its customers.

THE ASK

They wanted users to build a platform that integrates with a custom ERP solution. The integration was supposed to be two-integration. A booking created on the platform must be sent to the ERP and the bookings created directly on ERP on behalf of the customer must be shown on the customer platform.


The synchronization between the two systems was supposed to happen at regular intervals. The status updates were also supposed to be updated on the platform in a timely manner


Email and WhatsApp notifications was yet another critical feature that the customer wanted.


The tracking information was yet another critical feature that the customer wanted and that too in real time.


Providing the option to upload documents and view documents in elegantly designed document viewer was yet another key ask.


The application was supposed to be highly-available, concurrent, reliable and fast and also, was supposed to adhere to the standards and principles of modern-day dev-ops.

A customer portal for vessel business that can be used by any vessel / feeder company
The work
Dashboard

The dashboard provides the list of all bookings that are placed by the customer. The tracking & vessel schedules features are also available on the dashboard. The user can filter on the bookings based on filters and perform advance search as well.

This is some text inside of a div block.
This is some text inside of a div block.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Dashboard

The dashboard provides the list of all bookings that are placed by the customer. The tracking & vessel schedules features are also available on the dashboard. The user can filter on the bookings based on filters and perform advance search as well.

Vessel Schedules

The vessel schedules can be obtained between the two ports and by given date. A booking can be requested against any schedule and actions like Rate matrix, Check Haz Cargo Acceptance & Slot Loss Calculation can be performed.

Tracking

The up-to-date tracking information is presented based on the booking number in order or status changes.

Slot Loss Calculation

The slot loss can be calculated for over-sized containers under both - 20ft and 40ft container types along with the sub-types. The user can enter dimensions to get the actual slot loss.

Rate matrix

The platform provides the rate matrix for given route.

Invoices

The invoices feature provides the list of all invoices that are pending / partially paid. The state of the art viewer is also available that shows the invoice.

The Solution

This was a turnkey project. The backend application was architected and implemented on top of Springboot. The web app was built on top of angular. The mobile app was developed using the Ionic framework with angular as the base. We created shared libraries between web app and mobile app and reused services and model classes.

‍

Uploading of documents, user management etc. were all designed and implemented such that the documents get stored on AWS S3

‍

The integration layer was implemented by implementing CRONs that invoked REST APIs on the target system (the ERP)

‍

CRON services were written in order to get the latest updates with respect to tracking and booking statuses from the target system

‍

CRON services were written in order to provide notifications via email and WhatsApp

‍

The security layer was implemented by us using Spring Security and Spring support for oAuth 2.0

‍

The deployment architecture included clustering of ec2 instances with load balancers in front.

STATS
16%
user insights, research, business strategy and decades of design leadership, we’ve evolved the digital brand
9%
user insights, research, business strategy and decades of design leadership, we’ve evolved the digital brand
440%
user insights, research, business strategy and decades of design leadership, we’ve evolved the digital brand