Welcome to my portfolio!

Previous Next

Overview
This is my first major project in GovTech as a full-time Engineer. I was tasked to work on building a multi-tenant cross-platform mobile app that provides SmartFM (Smart Facility Management) features. I had to build this project from scratch so I went on to research on the different design patterns that I can leverage upon.

If you would like to find out more, I have written a medium article on this project over here.

My contributions
I implemented Flutter BLoC as the main state manager and designed the app architecture. Since this is a multi-tenant app, this requires a core app and tenant apps (agency specific apps) that leverage on the core app and its shared functionalities.

I developed the core app and here are my contributions:
- Develop the core app as a Flutter Package for tenant apps to import
- Develop a unified authentication platform
(initially Keycloak but now migrated to AWS Cognito)
- Develop a unified UI/UX design style and color scheme
- Provide the tooling to import and customise the following pages:
Dashboard | Applications | Tasks | Alarms and Alerts | Profile
- Provide a global navigation solution using customised navigators and app routers

I developed a tenant app for one of the agencies and here are my contributions:
- Develop the tenant app as a new Flutter App and import the core app
- Develop the 5 main pages; Dashboard | Applications | Tasks | Alarms and Alerts | Profile
- Implement mobile push notifications using OneSignal
- Develop custom mini-apps in the applications page

I guided developers to build tenant apps using my core app package:
- Developed documentation and tooling guides for importing and using the core app
- Enhanced the core app to support various other customisable features for the tenant app

There are currently 3 SmartFM apps in deployment and used by users, and more are being developed.

App features
- View KPI numbers for device data monitoring
- View list of Alarms and Alerts
- Report on the state of the alarm/alert (e.g. false alarm)
- View, Create, Update, Delete workflow tasks for different users of different roles for approval and review
- View Profile info
- View device information including their locations in a device management app
- Receive mobile push notifications for alarms and alerts


Overcoming challenges
Building a multi-tenant app is new to me and as such the tooling and documentation has to be designed in a developer-friendly manner. The biggest challenge is to let other developers seamlessly adopt my tools without much difficulty. This also includes setting up the envrionment as well as configuring the package to work at its best. There is also another issue of compatibility between the core and tenant app which has to be carefully documented for breaking changes in the changelog. Many of these concepts and technologies were learn't and picked up as I worked on this project. It was really exciting to see it in action at the end.

Previous Next

Overview
This is a capstone project I did in NUS where the aim of the project is to build a laser tag system from scratch. This is a 5-man team project where each member had distinctly different roles as shown above in the first architecture diagram. My role was to design an AR/VR solution that allows the user to visualise their gameplay.

My contributions
I conducted user surveys and came up with the design based on the survey findings. Then I researched on potential technologies that I can use. I prototyped with 3 different technologies:
- Unity + ARFoundation
- Unity + GoogleVR SDK
- Unity + Vuforia10 SDK

After weighing the pros and cons I decided to work with Vuforia10 AR/VR engine with Unity Editor. I developed various user interactions and features on the app to be as user-friendly as possible. Furthermore, to allow for smooth data transfer, we used TCP protocol and I developed the TCP link on Unity.

App features
- Show player stats as dynamic UI elements
- Show opponent stats as dynamic AR (Augmented Reality) elements
- Animations and triggers according to player and opponent actions such as:
     -> Shooting
     -> Shielding
     -> Throwing grenades
     -> Reloading
- Link to backend using TCP client-server protocol

Overcoming challenges
One of the biggest challenges is to integrate the different technologies of the 5 group member's contributions together. We overcame this challenge by learning about each other's parts and understanding how they work helped with integration. One takeaway is that when working in a team, it is important to be open to learn technologies, concepts and ideas that are out of scope of your own work to better understand the bigger picture which would help to further improve the entire system as a whole.

Previous Next

Overview
This is a project I did as a GovTech intern. This is POC (Proof-of-concept) project where I developed a mobile and tablet flutter app to remotely control meeting room equipment. I also developed and integrated the API into the flutter app such that the app fetches the data from MongoDB database and EnOS server when the user signs in. The authentication happens via a QR code. Through this authentication, room specific data (e.g. room name, input and output sources, last saved preferences) will be fetched. I also set up the infrastructure that links the various components via API and MQTT (shown on the last slide). The prototype is complete and is fully functional. The user is able to control the equipment from both the mobile and the tablet.

App features
- Drag and drop the input source to connect to the preferred output source
- Let users customise the design for specific rooms which will be automatically fetched during sign-in
- Adjust a single source volume using a slider and mute/unmute function
- Scroll through a list of input and output sources available
- Turn the devices on and off with the power button

If you would like to read more about all the projects I did in GovTech, read this medium post

Previous Next

Overview
This is a solo React on Rails to-do app project. This project runs on Ruby on Rails back-end and React front-end. I built this project to get my feet wet in web development and also learn about the popular React framework. It was an amazing experience to scour for resources, self-learn the technologies and ultimately produce a fully functioning todo web app.

App features
- Account creation and login features
- Create, read, update and delete categories
- Search and tag categories
- Create, read, update and delete todos in each categories
- Search, sort and mark todos as complete
- Check the status of todos and categories in the sidebars
- Check the top 3 urgent todos in sidebars

Previous Next

Overview
As the vice-director of technology in my residence, I led a team of 4 to develop a student life website for residents, prospective students and alumni to interact with. The website was developed with wordpress and it is still being further improved by the next batch of students.

This project was a great experience as it was my first time leading a tech project that impacts a relatively large user base as well as learning about wordpress and web dev in general for the first time. There were many sessions of brainstorming to come up with new ideas to engage the audience.

My contributions
- Lead my team and guide them by teaching them wordpress and CMS (Content Management System) with cPanel
- Facilitate brainstorming sessions to come up with new ideas and features
- Develop parts of the website such as the home and life pages
- Implement new features such as module information, module reviews, events page
- UI overhaul to modernise and improve UX
- Manage the memory usage and contents on cPanel

You can visit the website at captlife.com.

Previous Next

Overview
This project was done under the NUS Engineering Good CCA for down-syndrome kids. As the team leader, I led my team to brainstorm, collect data, analyse, design and develop an Android app from scratch. All of us had very little knowledge in App development and this was a brilliant learning experience!

My contributions
- As the team lead, I led and facilitated brainstorming sessions
- Developed the core functional features of the app
- Developed the core UI of the app
- Guided my teammates on how they can value add to the development

App features
- Wallet system to keep track of your total savings
- Calculator system to calculate the total amount based on denominations
- Transaction simulator to simulate transactions, paying different amounts and getting the appropriate change
- History to track transactions

Previous Next

Overview
This is a solo telegram bot project where I decided to build a fully functional telegram bot as a laundry management solution in my NUS residence. I self-learnt the required technologies including the APIs, researching into hosting, job schedulers and messaging.

The idea for this project came about when I realised that there are residences who will have to walk relatively far to check if the washers and dryers were in use. To make their life easier, this bot is supposed to serve as a status check as well as a timer for the convenience of the residences.

App features
- Select and start timer for the desired laundry machine
- Keeping track of the duration of the laundry machine
- Sends a message/push notification when timer is up
- Check if the laundry machines are in use
- Get realtime information on how much time is left for each laundry machine

Previous Next

Overview
This is a game dev project designed for Orbital (Gemini). This project was a pair work where we
designed, planned, documented and developed the game from scratch including the game graphics.
This is a casual arcade game of avoiding falling tetris blocks with WASD while collecting coins
which can be useful for purchasing power-ups. The goal of the game is to set new highschores
and compete on the leaderboard.

My contributions
- Research and self-learn the frameworks
- Brainstorm and implement ideas for game design and progression
- Develop the game in Unity3D with C#
- Utilise google firebase as the game database

Previous Next

Overview
This is a school project where we worked in teams of 5 to program Alex, a 4-wheeled
mapping robot. The robot was mounted with proximity sensors such as ultrasonic and infrared
sensors to detect walls and objects. Using that data, a 2D version of the map was auto generated
on GraphViz, a graph visualisation program. The robot was programmed using Arduino and the data
was remotely collected and processed using Raspberry Pi.

Previous Next

Overview
This is a school project where we worked in teams of 5 to program an mBot with Arduino
to let it navigate itself out of a maze. The mBot uses light and sound sensors at every
turning point to decide which way to turn. The mBot was also mounted with ultrasonic and infrared
sensors to detect walls around it such that it can move in a straight line without collision.
Through this project learning about Arduino and C++ was fun and exciting.

Previous Next

Overview
This is a project I did as a GovTech intern. The idea behind this project is to create a device management app for users to navigate across various locations (building assets) and view information about the devices in the location. The tricky part of this project is to build the data model such that creating/modifying the hierarchy of the building assets can be easily maintained and expanded for future use cases. Initially, the data model was created in MongoDB as JSON. However, fetching data from a linear JSON structure was too inefficient.

So in efforts to improve time and memory efficiency, I explored and implemented the following technologies:
- Web ontologies, BrickSchema: This is to create a consistent building assets' based data model
- Neo4j and Neosemantics: This is to import/export the data model and store it in a graph database
- GraphQL API and Neo4j/GraphQL JS library: This is to create the API to expose the data for the app

The app is fully functioning and I added it as a service to a larger smart facility management app.

App features
- Navigate between parent and child building assets/locations
- View the child assets as a list
- Search any asset and directly navigate to that asset
- View detailed device info
- Navigate back to home page with one click

If you would like to read more about all the projects I did in GovTech, read this medium post

Previous Next

Overview
This is a project I did as a GovTech intern. The idea behind this project is to create a data visualisation app for users to view and monitor eMeter data. (building assets) and view information about the devices in the location. There are 2 kinds of view perspective, viewing individual emeters and viewing all emeters. There are 3 different kinds of displays (bar chart, pie chart and line chart) representing different data. The challenge behind this app is to fetch large amounts of timeseries data, organise the data in a usable structure and fit them to the charts. One of the major aims is to optimise the time and space efficiency for a better user experience. The app is fully functioning and I added it as a service to a larger smart facility management app.

App features
- View energy usage by month in a bar chart. This usage can be toggled by year
- View energy usage in comparison with other emeters in a pie chart. This usage can be toggled by year.
- The pie chart is interactive such that it highlights the selected pie section
- View usage of various other parameters of an individual eMeter in a line chart. This timeseries data can be toggled by time period (day, week, month).
- View usage of any parameter of all eMeters in a line chart. This timeseries data can be toggled by time period and paramter.
- The line chart is interactive such that only the selected line charts are displayed/changed dynamically

If you would like to read more about all the projects I did in GovTech, read this medium post