PortsIndex

React.js Next.js Mapbox GL Port Data APIs

PortsIndex

Screenshot of PortsIndex

Overview

PortsIndex is a maritime data platform that catalogs major seaports and their key statistics. Designed for port and logistics professionals, it simplifies research by providing port profiles, trade routes, and connectivity maps.

Features

  • Port Profiles: Detailed info on location, capacity, and trade volume.
  • Connectivity Map: Visualizes shipping routes and connections between ports.
  • Search & Filter: Find ports by country, cargo type, or rank.
  • Performance Metrics: Statistics like throughput, container numbers, etc.

Tech Stack

  • Framework: Next.js (React)
  • Mapping: Mapbox GL JS or Leaflet for interactive maps
  • Data: Integration with UN/LOCODE database or maritime API
  • Styling: Tailwind CSS for responsive design

Usage

Access the live site. For development:

  1. Clone https://github.com/sahaib/portsindex.git.
  2. Install: npm install.
  3. Run: npm run dev.
  4. Explore ports and view dynamic maps.