Skip to main content
DEVELOPMENT 2025 Artform

Harbor

A SaaS platform for managing port logistics and container shipments, providing real‑time tracking and operational dashboards.

Role
Frontend Developer
Timeline
2025
Client
Artform

Technologies

Next.js TypeScript Tailwind CSS GraphQL PostgreSQL
Harbor logistics dashboard

Overview

Harbor streamlines the logistics workflow for shipping companies by aggregating vessel schedules, container tracking and customs paperwork into a unified dashboard. The platform offers intuitive charts and tables so operations teams can make decisions quickly.

Responsibilities

  • Built the front‑end interface using Next.js with TypeScript and Tailwind CSS
  • Implemented user authentication and role‑based access controls
  • Integrated real‑time tracking data via GraphQL APIs and designed dynamic dashboards

Challenges

Handling real‑time data streams and maintaining consistent UI state across complex dashboards.

Outcomes

Delivered an intuitive logistics management experience that helps operations teams reduce manual paperwork and track shipments efficiently.

Project Overview

Harbor is a SaaS platform designed to simplify port logistics and shipping management. By consolidating vessel schedules, container tracking and customs documentation, the platform reduces the need for manual spreadsheets and disconnected tools. Operations teams can access real‑time data and analytics through a web interface, making it easier to coordinate shipments and respond to unexpected delays.

Technical Implementation

  • Frontend: Next.js, TypeScript, Tailwind CSS
  • Data Layer: GraphQL APIs with PostgreSQL persistence
  • Authentication: User authentication with role‑based access control via Next.js middleware

Key Features

  • Unified dashboard that aggregates vessel schedules, container statuses and paperwork, reducing context switching
  • Real‑time tracking of shipments with interactive charts that display shipping volumes and port activity
  • Role‑based access controls so managers, operators and customs agents see only the information relevant to their work
  • Responsive design ensuring the interface is accessible from desktops and mobile devices

Project Links