What I've Been Working On

A selection of recent projects.

SphereX (GR Module)

SphereX (GR Module)

The focused development of the "Goods Receipt" (GR) module within the comprehensive SphereX inventory management system for pharmaceutical products. This module is essential for precisely tracking received goods by scanning products, inputting quantity and price data with unit-of-measurement validation, and optional serial number entry. It finalizes the entire receiving workflow, allowing for accurate product tagging and streamlined transfer into specific storage locations like RFID cabinets or shelves.

Robot Manager SPS - Web Dashboard

Robot Manager SPS - Web Dashboard

A critical web-based command dashboard built specifically to facilitate seamless human-robot collaboration within the highly secure, complex environment of the Singapore Prison System. This application serves as the central operator's interface for real-time fleet management, delivering critical notifications to prison officers when an autonomous unit requires human authorization to trigger high-security actions, such as opening secure gates, operating restricted lifts, or entering sensitive zones. It ensures that strict, human-guided operational protocols are fully synchronized with the autonomous robotic network.

Robot Manager SPS - PWA

Robot Manager SPS - PWA

A critical Progressive Web Application (PWA) built specifically to facilitate seamless human-robot collaboration within a complex autonomous vehicle and robot delivery network. This application serves as the operator's interface for real-time interaction, delivering notifications to operators when a vehicle is arriving to trigger critical actions, such as opening gates or lift access. It ensures that human-guided operational steps are fully synchronized with the autonomous system.

Robot Manager C2S

Robot Manager C2S

A dynamic command-and-control dashboard developed to monitor and manage security robot fleets. This interactive platform empowers operators to perform direct, real-time actions such as dispatching robots to patrol routes, initiating teleconferencing, and manually teleoperating the vehicles. It includes user role management and an advanced layout annotator utilizing Leaflet, allowing administrators to draw complex routes, nodes, and connectors for precise robot navigation.

Weather App - Real-time Weather Dashboard

Weather App - Real-time Weather Dashboard

A dynamic web application built as a learning project to explore and master the fundamentals of Next.js, including its advanced server-side rendering capabilities, in conjunction with Material-UI component libraries. The platform integrates third-party, real-time weather data APIs to create an interactive dashboard featuring location-based search functionality, dynamic routing, and search query parameters. This project served as a foundational exercise in implementing modern web design patterns and optimizing frontend performance within a full-stack JavaScript ecosystem.

Fei Yue EIPIC Management System

Fei Yue EIPIC Management System

A comprehensive management system designed as a centralized dashboard for educational institutions to optimize school administration. This robust platform enables users to efficiently manage all aspects of a school's operations, including student and staff records, academic events, and financial tracking. It provides a user-friendly and functional interface that streamlines administrative workflows and provides administrators with a holistic view of school operations.

Tax Centre Gunadarma - Tax Information and Reference

Tax Centre Gunadarma - Tax Information and Reference

Developed the front-end interface for DB-TAX, the Gunadarma Tax Center's digital document portal. Focused on creating an intuitive, high-performance search experience, the project features dynamic category filtering, live document statistics, and a highly responsive design optimized for easy access to complex tax regulations.

BTW Web Clone - Educational Assessment  Platform

BTW Web Clone - Educational Assessment Platform

A simplified replica and full-stack final team project created to deeply understand complex API integration and secure user authentication flows within contemporary educational software architectures. The application enables users to sign up, secure access using email/password or integrated Google OAuth with reCAPTCHA verification, and participate in online assessments via unique test codes. It integrates live APIs for authentication, dynamic question list retrieval, and immediate result verification, simulating a real-world, scalable, and secure online testing environment.

Metro Yutaka Pratama - Landing Page

Metro Yutaka Pratama - Landing Page

A modern landing page designed for PT Metro Yutaka Pratama to showcase their sustainable packaging solutions. The site acts as a digital storefront, highlighting their 'Make-to-Order' manufacturing process for custom cardboard and plastic packaging. The layout features a clean, two-section design that guides visitors seamlessly from exploring products to learning more about the company's mission and expertise.

BTW Edutech Web App - Web Based Learning Platform

BTW Edutech Web App - Web Based Learning Platform

A modern, data-centric educational platform designed to streamline student assessment processes and deliver performance reporting at scale. Developed during an internship, this application is focused on integrating data-driven features for processing and visually rendering critical educational reports, specifically the TNI and PPPK assessments. The system translates complex raw data from external APIs into highly responsive, accessible interfaces, adhering strictly to precise design specifications to ensure a seamless, professional, and optimized user experience for both educators and students.

Akordmusic - Web for Rent a Band

Akordmusic - Web for Rent a Band

Developed the front-end interface for Akordmusic Production, a digital platform dedicated to discovering and booking live musicians and bands for events. The site greets users with a striking, dark-themed hero section featuring an intuitive search bar to filter talent by category and location. Below, a clean, responsive grid layout showcases various musical acts—from full wedding bands to solo instrumentalists—using engaging image cards and vibrant purple calls-to-action, creating a modern and highly visual user experience.

SphereX (GR Module)

Client Project

ABOUT PROJECT

The focused development of the "Goods Receipt" (GR) module within the comprehensive SphereX inventory management system for pharmaceutical products. This module is essential for precisely tracking received goods by scanning products, inputting quantity and price data with unit-of-measurement validation, and optional serial number entry. It finalizes the entire receiving workflow, allowing for accurate product tagging and streamlined transfer into specific storage locations like RFID cabinets or shelves. This is a detailed description placeholder adding more context to match the mockups visual weight. It streamlines the processes and enables proper management.

Company

Medquest

Duration

2 months

Timeline

Mar 2026

Tech Stack

React.js TanStack Query TailwindCSS

Preview is not available for this project as it is an internal tool developed for Medquest. Access is restricted due to confidentiality and proprietary rights of the client.

SphereX (GR Module)
Thumbnail 1
Thumbnail 2
Thumbnail 3
Thumbnail 4

Robot Manager SPS - Web Dashboard

Client Project

ABOUT PROJECT

A critical web-based command dashboard built specifically to facilitate seamless human-robot collaboration within the highly secure, complex environment of the Singapore Prison System. This application serves as the central operator's interface for real-time fleet management, delivering critical notifications to prison officers when an autonomous unit requires human authorization to trigger high-security actions, such as opening secure gates, operating restricted lifts, or entering sensitive zones. It ensures that strict, human-guided operational protocols are fully synchronized with the autonomous robotic network. This is a detailed description placeholder adding more context to match the mockups visual weight. It streamlines the processes and enables proper management.

Company

NCS Group

Duration

Ongoing

Timeline

Nov 2025

Tech Stack

Angular TailwindCSS

Preview is not available for this project as it is an internal tool developed for NCS Group. Access is restricted due to confidentiality and proprietary rights of the client.

Robot Manager SPS - Web Dashboard
Thumbnail 1
Thumbnail 2
Thumbnail 3
Thumbnail 4

Robot Manager SPS - PWA

Client Project

ABOUT PROJECT

A critical Progressive Web Application (PWA) built specifically to facilitate seamless human-robot collaboration within a complex autonomous vehicle and robot delivery network. This application serves as the operator's interface for real-time interaction, delivering notifications to operators when a vehicle is arriving to trigger critical actions, such as opening gates or lift access. It ensures that human-guided operational steps are fully synchronized with the autonomous system. This is a detailed description placeholder adding more context to match the mockups visual weight. It streamlines the processes and enables proper management.

Company

NCS Group

Duration

Ongoing

Timeline

Nov 2025

Tech Stack

Angular TypeScript TailwindCSS PrimeNG

Preview is not available for this project as it is an internal tool developed for NCS Group. Access is restricted due to confidentiality and proprietary rights of the client.

Robot Manager SPS - PWA
Thumbnail 1
Thumbnail 2
Thumbnail 3
Thumbnail 4

Robot Manager C2S

Client Project

ABOUT PROJECT

A dynamic command-and-control dashboard developed to monitor and manage security robot fleets. This interactive platform empowers operators to perform direct, real-time actions such as dispatching robots to patrol routes, initiating teleconferencing, and manually teleoperating the vehicles. It includes user role management and an advanced layout annotator utilizing Leaflet, allowing administrators to draw complex routes, nodes, and connectors for precise robot navigation. This is a detailed description placeholder adding more context to match the mockups visual weight. It streamlines the processes and enables proper management.

Company

NCS Group

Duration

10 months

Timeline

Jul 2025

Tech Stack

Angular PrimeNG TailwindCSS TypeScript

Preview is not available for this project as it is an internal tool developed for NCS Group. Access is restricted due to confidentiality and proprietary rights of the client.

Robot Manager C2S
Thumbnail 1
Thumbnail 2
Thumbnail 3

Weather App - Real-time Weather Dashboard

Personal Project

ABOUT PROJECT Live Demo

A dynamic web application built as a learning project to explore and master the fundamentals of Next.js, including its advanced server-side rendering capabilities, in conjunction with Material-UI component libraries. The platform integrates third-party, real-time weather data APIs to create an interactive dashboard featuring location-based search functionality, dynamic routing, and search query parameters. This project served as a foundational exercise in implementing modern web design patterns and optimizing frontend performance within a full-stack JavaScript ecosystem. This is a detailed description placeholder adding more context to match the mockups visual weight. It streamlines the processes and enables proper management.

Company

Personal Project

Duration

1 week

Timeline

May 2025

Tech Stack

Next.js TailwindCSS Material UI

Fei Yue EIPIC Management System

Client Project

ABOUT PROJECT

A comprehensive management system designed as a centralized dashboard for educational institutions to optimize school administration. This robust platform enables users to efficiently manage all aspects of a school's operations, including student and staff records, academic events, and financial tracking. It provides a user-friendly and functional interface that streamlines administrative workflows and provides administrators with a holistic view of school operations. This is a detailed description placeholder adding more context to match the mockups visual weight. It streamlines the processes and enables proper management.

Company

Cyberland

Duration

8 months

Timeline

May 2025

Tech Stack

React.js TypeScript TailwindCSS

Preview is not available for this project as it is an internal tool developed for Cyberland. Access is restricted due to confidentiality and proprietary rights of the client.

Fei Yue EIPIC Management System
Thumbnail 1
Thumbnail 2
Thumbnail 3
Thumbnail 4

Tax Centre Gunadarma - Tax Information and Reference

Client Project

ABOUT PROJECT

Developed the front-end interface for DB-TAX, the Gunadarma Tax Center's digital document portal. Focused on creating an intuitive, high-performance search experience, the project features dynamic category filtering, live document statistics, and a highly responsive design optimized for easy access to complex tax regulations. This is a detailed description placeholder adding more context to match the mockups visual weight. It streamlines the processes and enables proper management.

Company

Tax Centre Gunadarma

Duration

6 months

Timeline

Jul 2024

Tech Stack

React.js TypeScript TailwindCSS TanStack Query Next.js

Preview is not available for this project as it is an internal tool developed for Tax Centre Gunadarma. Access is restricted due to confidentiality and proprietary rights of the client.

Tax Centre Gunadarma - Tax Information and Reference
Thumbnail 1
Thumbnail 2

BTW Web Clone - Educational Assessment Platform

Internship Project

ABOUT PROJECT

A simplified replica and full-stack final team project created to deeply understand complex API integration and secure user authentication flows within contemporary educational software architectures. The application enables users to sign up, secure access using email/password or integrated Google OAuth with reCAPTCHA verification, and participate in online assessments via unique test codes. It integrates live APIs for authentication, dynamic question list retrieval, and immediate result verification, simulating a real-world, scalable, and secure online testing environment. This is a detailed description placeholder adding more context to match the mockups visual weight. It streamlines the processes and enables proper management.

Company

BTW Edutech

Duration

2 months

Timeline

Jun 2024

Tech Stack

React.js TypeScript TailwindCSS

Preview is not available for this project as it is an internal tool developed for BTW Edutech. Access is restricted due to confidentiality and proprietary rights of the client.

BTW Web Clone - Educational Assessment  Platform
Thumbnail 1
Thumbnail 2
Thumbnail 3
Thumbnail 4

Metro Yutaka Pratama - Landing Page

Client Project

ABOUT PROJECT

A modern landing page designed for PT Metro Yutaka Pratama to showcase their sustainable packaging solutions. The site acts as a digital storefront, highlighting their 'Make-to-Order' manufacturing process for custom cardboard and plastic packaging. The layout features a clean, two-section design that guides visitors seamlessly from exploring products to learning more about the company's mission and expertise. This is a detailed description placeholder adding more context to match the mockups visual weight. It streamlines the processes and enables proper management.

Company

PT Metro Yutaka Pratama

Duration

1 month

Timeline

May 2024

Tech Stack

React.js TailwindCSS TypeScript Next.js

Preview is not available for this project as it is an internal tool developed for PT Metro Yutaka Pratama. Access is restricted due to confidentiality and proprietary rights of the client.

Metro Yutaka Pratama - Landing Page
Thumbnail 1

BTW Edutech Web App - Web Based Learning Platform

Company Project

ABOUT PROJECT

A modern, data-centric educational platform designed to streamline student assessment processes and deliver performance reporting at scale. Developed during an internship, this application is focused on integrating data-driven features for processing and visually rendering critical educational reports, specifically the TNI and PPPK assessments. The system translates complex raw data from external APIs into highly responsive, accessible interfaces, adhering strictly to precise design specifications to ensure a seamless, professional, and optimized user experience for both educators and students. This is a detailed description placeholder adding more context to match the mockups visual weight. It streamlines the processes and enables proper management.

Company

BTW Edutech

Duration

2 months

Timeline

Apr 2024

Tech Stack

React.js TypeScript TailwindCSS

Preview is not available for this project as it is an internal tool developed for BTW Edutech. Access is restricted due to confidentiality and proprietary rights of the client.

BTW Edutech Web App - Web Based Learning Platform
Thumbnail 1
Thumbnail 2
Thumbnail 3

Akordmusic - Web for Rent a Band

Collaboration Project

ABOUT PROJECT

Developed the front-end interface for Akordmusic Production, a digital platform dedicated to discovering and booking live musicians and bands for events. The site greets users with a striking, dark-themed hero section featuring an intuitive search bar to filter talent by category and location. Below, a clean, responsive grid layout showcases various musical acts—from full wedding bands to solo instrumentalists—using engaging image cards and vibrant purple calls-to-action, creating a modern and highly visual user experience. This is a detailed description placeholder adding more context to match the mockups visual weight. It streamlines the processes and enables proper management.

Company

Akordmusic

Duration

6 months

Timeline

Jun 2023

Tech Stack

React.js TypeScript TailwindCSS TanStack Query Next.js

Preview is not available for this project as it is an internal tool developed for Akordmusic. Access is restricted due to confidentiality and proprietary rights of the client.

Akordmusic - Web for Rent a Band
Thumbnail 1
Thumbnail 2
Preview