Software Developer in Shah Alam Selangor, Malaysia

I worked on this hobby project to explore React and Chrome extensions, but I use it in my day-to-day job. The JSON viewer supports a table view and helps visualize the JSON payload from a REST API response. It can also show a Swagger UI if the JSON is a Swagger file, which is useful when browsing a Swagger file on the BitBucket website.

An Angular web application to manage user access. The web application has a typical admin layout. It has a header, a sidebar, and the main content panel. It has a very nice breadcrumb control for navigation. The list page supports server-side pagination. I created the POC from scratch to showcase the concept to the stakeholder. The POC has a mock server written in Express.js before we have a proper back end written in Spring Boot. I also designed the back-end API to support the web application.

A web application allows users to look at various sensor data in real-time. It's a monolithic Java application written with GWT. The back end has a few channels to ingest data, such as from files and via TCP/IP. The front end is written in GWT. I have developed a UI that allows the user to design the dashboard. The UI allows users to
1. Drag and drop widgets to build their dashboard
2. Configure the widget to show real-time data from the back end
It has many widgets like labels, vertical gauges, running line charts, and wind gauges. The UI gets the real-time data from the back end via WebSocket with a custom protocol that consists of CSV and JSON. The WebSocket also acts as a channel for the UI to send commands to the back end.

The game engine is written in C#. It's a monolithic software that comprises the game engine, wallet system, and authentication system. It has a few game engines inside, including a few different slot game engines, roulette game engines, and baccarat game engines. We provide a standard API to integrate with other vendors so they can put our games on their websites. The user will log in on their website and obtain a token to play our games. We also allow other games to integrate with our wallet system.
The game client is initially written in TypeScript and Phaser. I have created the first game client, and other developers extend on that.

The system is initially developed to track a ship. It will show the location history of a ship on a map. We use Leaflet to display the map because we don't want to be tied to a specific map provider, like Google Maps. The system allows users to define the area that the ship must be in. It will send alerts if the ship goes out from the given area. The system will also show the statistic of the ship, for example, the average speed.

The system exposed an API for an external device to push the locations. We created a native Android app for that. The Android app will send the location to the system periodically.

The Toptal React Accelerator is an exclusive learning program that educates JavaScript developers in React, Next.js, Redux, and GraphQL. This is a 2-month program that consists of rigorous learning exercises and hands-on activities, a stringent evaluation process, comprehensive learning assessments, and 30-40 hours of building an Invoice Management System. Users can track invoices, clients, and company information within this invoicing application.