About Me

👋 Hello! I'm Gabriel, a fresh grad from Nanyang Polytechnic Diploma in Information Technology with experience in creating robust applications and websites.

I have experience in:

Full-stack development
Database design and data analysis
Cloud architecture with AWS

I'm willing to learn whatever is needed, deepening my knowledge, and widening my skill set!

// A bit about my coding philosophy
function developmentApproach() {
    return {
        "dedicated": true,
        "focused": true,
        "continuous_learning": true,
        "problem_solving": "Analytical and creative"
    };
}

When I'm not working, you can find me bouldering, cycling, or gaming.

Projects

2025

Weather AppPost-Grad

Inspired by weather.gov.sg and their weather map, I decided to try my hand at recreating something I use frequently. My version of the weather map combines features from the inspiration, as well as from rainviewer.com, while adding my own. For example, I added a search function, dynamic weather metrics, a dark mode toggle, as well as updated the interactive map to use Leaflet. The website also supports mobile view. It retrieves the data using APIs provided by data.gov.sg.

You can view it here

React Express.js

Lost and Found Website using AWS Services Y3S2

As part of our Cloud Application Development module in Year 3, we had to individually design and create a lost and found website, while using AWS services for certain parts. For example, Amazon RDS was used to store the data for found items, and S3 was used to store images for the respective items. Additionally, Amazon SNS was used to allow users to subscribe to and receive notifications, when an item of the category they have specified to have lost has been found and added to the website by the staff. On top of this, Amazon Rekognition was implemented, which uses AI to automatically tag uploaded items with relevant terms based on the image, improving the efficacy of the website's search function. In the time it was online, the website was hosted on an EC2 instance.

AWS React Express.js

2024

FYP Project Y3S1

My FYP project was in two parts. First was to revamp a website that was used as an automated system to support blind-deaf individuals in attending live entertainment performances. I did a UI overhaul, reimplemented multiple features using the correct approach, as well as adding new features that the previous student did not manage to add.

Listed are the features I added:

Transcript now appears at playback time
Can now change speaker names
Transcripts are now editable
Timestamp display for transcript can now be toggled
User functionality
Profile picture upload for users
Admin can now choose who the AD is made for via a form field
playback.html now only shows entries if you are admin or if email matches
Added export function to compile movie and transcript data to CSV file, then send to the user via email
Added import function to decompile CSV file into movie and transcript data entry

These are the major functionaliy changes I made:

Changed from flask_mysqldb to SQLAlchemy
Changed database schema
Forms now use WTForms instead of HTML forms
Updated view.html to use get by ID (previously used form)
Updated delete to use delete by ID (previously used form)
UI Overhaul

The second part of my project was to conduct research on existing speech to text AIs, in order to find the best one to use. I tested out 5 such AI, AssemblyAI, Google Cloud STT, Gladia, Amazon Transcribe, and RevAi. I compared them based on 8 factors, whether they had speaker diarization(differentiation), file size limit, dual audio channels (multiple microphones), whether it was free, supported multiple languages, word error rate, how easily I found it easy to integrate, and noise handling(done by layering noise over the audio and comparing the original and new word error rate).

Flask Python Speech-to-text APIs

Enterprise Development Project (NTUC Club UPlay)Y2S2

This project was an industry collaboration with NTUC and done as a team of 4. The objective was to revamp the existing UPlay website.

For my part, I implemented the following:

Bookings page
Checkout Page
Reviews
Shopping Cart function
Coupons
UI updates
Stripe for payment

You can find images of these features in the gallery section!

React .NET MySQL

2023

Full Stack Development Project (ShareKar)Y2S1

This was a semester-long project that was done as a team of 5. The theme was "Sustainable Transport", and our idea was to create an app that would act as a middleman for people looking to carpool.

I was tasked with handling rider and driver history, for both the user and admin side.

This project had significant hiccups, such as the 5th member dropping out of the diploma without informing anyone, and unfinished features by another member that impacted my part. This resulted in the project missing entire core features, as well as UI and functionality errors for my part.

Despite these issues, I kept my chin up and worked on what I could for my part. Although I'm not very proud of the end result of the project, I realise that some of the problems faced were out of my control, and all that could have been done was to try my best.

I feel that it was important for me to have gone through this experience, and I learnt alot. I gained experience in being adaptable and to not dwell on setbacks, instead focusing on the next best course of action. This translates well to life in general, where we have to make the most of the cards we are dealt and keep on moving forward.

Images are only available for admin side.

React Express.js MySQL