NVOCC Platform
Non-Vessel Operating Common Carrier
Duration
4 Months
My Role
UI Development
Tech Stack
Next.js, Tailwind CSS
Screens
50+ Pages
Overview
The NVOCC platform was contracted to our company by 6solve IT Services, involving the development of three core modules for a full-stack web application.
With cloud-based data access, historical records, and analytics, the system enhances operational efficiency, reduces costs, and ensures compliance. The intuitive interface supports quick decision-making while maintaining security and scalability for global shipping operations.
50+
Pages Developed
3
Core Modules
90%
Figma Accuracy
My Role
End-to-end UI development of the NVOCC platform
Figma to Code
Converted 50+ pages with 90% accuracy
SVG Optimization
Reusable React components
Responsive Design
Mobile, tablet & desktop
Core Modules
The platform consists of three main modules
Export Module
Manages export-bound containers, ensuring efficient size and type selection, optimal stuffing, and data storage for logistics tracking from allocation to documentation.
- Container allocation and tracking
- Size and type optimization
- Documentation management
Import Module
Handles imported containers arriving at ports, managing all steps from receipt until destuffing, including routing empty containers to maintenance.
- Port arrival management
- Destuffing workflow
- Empty container routing
Maintenance & Repair
Manages container maintenance and repair, documenting all details including damage assessment and sound condition status.
- Damage assessment tracking
- Repair workflow management
- Condition status monitoring
My Responsibility
As part of my role, I successfully converted a Figma design into a high-performance Next.js application using Tailwind CSS, meticulously translating 50+ pages with 90% accuracy to match the original design specifications.
To optimize performance, I converted all SVG assets into reusable React components, reducing load times and improving maintainability. Additionally, I ensured the application was fully responsive across all devices, rigorously testing layouts on mobile, tablet, and desktop screens.
By leveraging Next.js features and Tailwind's utility-first approach, I delivered a scalable, efficient, and visually consistent web application that aligns perfectly with the design vision.
The Results
50+
Pages Developed
90%
Figma Accuracy
100%
Responsive Coverage