Sunggong Logistics Internal Dashboard System

An internal logistics management dashboard currently under development using Next.js and Tailwind CSS, designed to streamline shipment tracking and data visualization for internal operations at Sunggong.

An internal logistics management dashboard currently under development using Next.js and Tailwind CSS, designed to streamline shipment tracking and data visualization for internal operations at Sunggong.

An internal logistics management dashboard currently under development using Next.js and Tailwind CSS, designed to streamline shipment tracking and data visualization for internal operations at Sunggong.

About the project

The system will act as a central hub for logistics data visualization and management, providing efficiency for internal teams through responsive design and intuitive UI.

The system will act as a central hub for logistics data visualization and management, providing efficiency for internal teams through responsive design and intuitive UI.

The system will act as a central hub for logistics data visualization and management, providing efficiency for internal teams through responsive design and intuitive UI.

Role:

Frontend Developer

Category:

Internal Web Application

Tech Stack:

Next.js, Tailwind CSS, REST API

Project Details

Sunggong Logistics Internal Dashboard System is a web-based internal platform developed to monitor and manage logistics data across Sunggong’s internal operations. As the Frontend Developer, I am responsible for building a responsive and scalable dashboard interface using Next.js and Tailwind CSS, focusing on clean component structure and modern UI principles.

The system is being designed to integrate soon with Gsoft’s external API, allowing automatic synchronization of logistics data such as shipment tracking, delivery performance, and operational metrics. This project emphasizes maintainability, performance, and scalability in preparation for real-time data integration.

Things I Did

  • Developed the dashboard UI layout and components using Next.js and Tailwind CSS.

  • Structured the project for scalability and smooth future API integration.

  • Designed responsive data tables, cards, and analytics sections for logistics metrics.

  • Collaborated with backend developers to define API endpoints and data flow structure.

  • Prepared integration flow for Gsoft external API to fetch and display logistics data in real time.

Create a free website with Framer, the website builder loved by startups, designers and agencies.