← BACK TO ALL PROJECTS
Case StudyPROJECT 02 · 2024

HAH

Custom Import-Export Management Web App

Live Demo ↗View on GitHub
Next.jsReactNode.jsPostgreSQLTailwind CSSTypeScript
HAH
Role

Full-Stack Developer & UI/UX Designer

Client / Context

HAH Trading International

Duration

3 Months

Timeline

2024

01 / The Problem Statement

Operational Bottlenecks & Inefficiencies

HAH operated cross-border shipments relying heavily on MS Word document templates for commercial invoices and dozens of disjointed Excel workbooks for freight tracking. Discrepancies between custom clearance documents, supplier purchases, and physical warehouse cash reserves routinely caused shipment delays and costly bookkeeping audits.

02 / The Technical Approach

Architecture, Execution & Delivery

Engineered a tailor-made Next.js and PostgreSQL ERP specifically structured around international shipping incoterms and customs compliance. Implemented multi-currency invoice generators, purchase order tracking from supplier to container loading, and an immutable cashbook ledger that mirrors physical cash office workflows.

Key Architectural Features

FEATURE 01

Customs & Tax-Compliant Invoicing

Generates professional multi-currency export invoices, packing lists, and commercial bills with one click.

FEATURE 02

Real-Time Cashbook Ledger

Replaces handwritten cash registers with cryptographically validated audit entries and physical cash counts.

FEATURE 03

Shipment & Purchase Tracking

Tracks container vessel bookings, customs clearing statuses, and vendor payment releases end-to-end.

FEATURE 04

One-Click Financial Reports

Instant generation of balance sheets, supplier debt aging, and consignment profitability analyses.

Screenshots & Interface Gallery

Dashboard Overview

Dashboard Overview

Centralized hub tracking business health, shipments, and quick shortcuts.

Accounts Management

Accounts Management

Digital ledger replacing MS Word and Excel account sheets with real-time audit logs.

Cashbook Ledger

Cashbook Ledger

Custom cashbook mapping the company's exact cash flow workflows.

Invoice Generation

Invoice Generation

Automated tax-compliant invoice builder with customized template exports.

Purchase Tracking

Purchase Tracking

End-to-end purchase lifecycle tracking from vendor requests to delivery.

Financial Reports

Financial Reports

One-click financial statement generation, profit-loss reports, and balance sheets.

Custom Settings

Custom Settings

Granular user permissions and operational workflow configurations.

Technical Obstacles

Challenges Faced

Digitizing decades-old physical bookkeeping practices without steep learning curves for non-technical warehouse supervisors required designing an ultra-clean, tactile interface with inline validation and keyboard shortcuts.

Tangible Impact

Results & Outcomes

Reduced invoice generation time from 45 minutes to 90 seconds, eliminated paperwork discrepancies at customs clearance, and provided management with 100% accurate daily cash position visibility.

← PREVIOUS PROJECTMVTP ERP System
NEXT PROJECT →Launchpad