Projects
I first picked up HTML at the age of 9. Over the years, I have taught myself HTML, CSS, and JavaScript while designing and developing websites for my own personal projects and two companies as part time work.
In high school, I started learning more about programming and I have also written programs that assists my game modding hobby.
During university, I have immersed myself more programming projects, including full-stack web applications that utilise technologies like react.js, node.js, SQL, MongoDB, etc.
Oct 2023 - Mar 2024
Online Photography Album with CMS
As my final year project at Royal Holloway, I have developed a full-stack web application using React.js, Node.js and MongoDB.
The aim of this project is not only to create an asthetically pleasing photo gallery for the public eye, but also to create a custom content management system (CMS). I can upload photos, edit metadata of a photo album, change the layout of the presentation of an album, choose what photos to include in each album, and upon clicking save, changes will be made to the database. And since all content in the public view is dynamically rendered using data from the database, any changes I made in the CMS will immediately show up in the public view.
I am very proud of what I have achieved during my final year project, and I cannot wait to use what I have learned in more ambitious projects or work in the future.
Jun 2013 - Present
cdlbt.co
CDLBT is a website that hosts my add-on contents for OMSI. The site was first launched in 2013, and was rebuilt from scratch in 2019.
The site encorporates the use of CSS and JavaScript to create a mobile-friendly responsive design.
Nov 2021 - Jul 2022
KMB Bus Stop ETA Screen Simulator
Estimated time of arrival (ETA) screens are installed on many KMB bus stop shelters to show upcomoing bus arrivals at a given bus stop.
This simulator is created using real time data to resemble the design layout of the screen and allows the user to have their own ETA screen right on their own monitors.
A interface is also developed for users to search and choose their desired bus stop and routes to be shown in the screen. The simulator can also generate a link which the user can share with others to view the same exact route configuration.
The web app is coded using HTML, CSS and Javascipt. Arrivals data are retrieved with client-side Javascript from data.gov.hk.
May 2022
Dot Matrix ETA Screen Simulator (TfL Style)
Waiting for the campus shuttle bus at Royal Holloway University at London (RHUL) has always been a frustrating experience. I hate having to check the timetable and work out how long will the next bus arrive. Hence, I decided to create a web page that shows me when the next shuttle bus leaves a given bus stop.
This simulator is made to resemble the design of estimated time of arrival (ETA) screens installed at Transport for London (TFL) bus stops.
This web app is coded using HTML, CSS and Javascipt.
Oct 2020 - Mar 2022
KMB DPIP Simulator
Kowloon Motor Bus Company (KMB) installs Dynamic Passenger Information Display (DPIP) systems on board their buses to show next stop informations along the running route.
This simulator is created to resemble the design layout of the system and allows the user to have their own DPIP display right on their own 16:9 monitors.
The web app is coded using HTML, CSS and Javascipt.
Jan 2020 - Mar 2020
Blue Sky Tool
When OMSI players install custom add-on map packs, there are often missing files that could cause an unsuccesful game launch.
Blue Sky Tool is developed to allow users to scan for missing files to help fix the add-on installation.
The program is written in C# with WPF.
2019 (Shelved)
Hof Creator
A part of creating an add-on map to OMSI is to create a depot data (.hof) file for buses to display route and AI data.
Hof Creator is a tool that simplifies the process of creating a hof file with a GUI, instead of using a text editor.
The program is written in C# with WPF. This project is planned to be rewritten as a web app.
Jan 2020
eicpolybag.com
I was hired to develop the current website of East Industry (China) Company Limited, a biomass polybag manufacturer based in China.
This project included photographing the product catalog and digitally manipulating images to fit the design and layout of the website.
Sep 2019
th88.com
This is the website of Tung Hing Holding Company Limited, a company focusing on plastic manufacturing and printing with plants in mainland China.
The current website was rebuilt in 2019, incorporating a single page design that is also mobile friendly.