rijalghodi
Back to Projects
Icon

Esqarada

Esqarada's container delivery service app

tech iconNext.js
tech iconTypescript
tech iconPWA
Front-end Dev
Home Page Esqarada
Create Order Esqarada
Continue Create Order Esqarada
Confirm Create Order
Transaction
Detail Order Delivery
Tracking
PWA Installation Popup

Project Overview

Esqarada is a trucking, cargo handling, and a pioneer company in freight forwarding on Batam Island.

To streamline their delivery processes, Esqarada decided to develop an app to record and track their trucking activities. I was brought on as a freelance frontend developer through Optima Media Teknologi, a software agency, to help build this application. It was an exciting and rewarding project to work on.

Features of the Application:

  • User Management: Manage users with role-based access control.
  • Dynamic and Protected Pages: Implemented four distinct roles to secure and tailor user experiences.
  • Truck and Chassis Management: Efficiently track and manage trucks and chassis details.
  • Delivery Process Tracking: Monitor the entire delivery workflow in real time.
  • Offline Capability: Designed as a Progressive Web App (PWA) to ensure functionality even without an internet connection.

Key Challenges

  • Implemented a Progressive Web App (PWA) for the first time, including persisting Apollo Client data for offline interactions and synchronizing data when back online.
  • Conducted in-depth research to understand the trucking industry's specific requirements and workflows.
  • Utilized service workers to enable push notifications for real-time updates.
  • Automated GraphQL query and type generation for efficient development.