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.
Aug 2022 - Present
BusFares
A few bus operators in the UK does not make single fare information publicly available online. BusFares is a website that aims to aggregate bus fare data from different bus operator websites and Bus Open Data Service by gov.uk under the Version 3 Open Government Licence.
The site is written using HTML, CSS and Javascipt.
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.
View departures from Founder's Building at RHUL >
View departures from Kingswood Halls >
View departures from Egham Station >
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.