Home

Ship Management Platform

Modernise ship management using Vite, ESM, TanStack, Jotai and Antd Design

Role
Senior Frontend Engineer
Skills
React.js, TypeScript, CSS-in-js

I worked on establish design system by creating internal NPM package to host components that be used by peers and leader. Components including: button, table, tabs and card. I build the component by leveraging Antd Design and customize the token based on Figma and using Storybook so other can easily try it visually.

All the below are samples from the project.

Location and Navigation

A few screens of the home page in different states.

Crew Fleet

Showing who are onboarding, when offboarding and show crew documents, biography, experiences

Financial Opex

Showing vessel monthly budget as chart and report tables, sharepoint report files

Video demo

Thanks for reading