Jonathan Kong

Subi Regex

Generate RegEx using plain English.

TypeScript NextJS Gpt-4

City-of-Life

A gamification solution for ESG stock portfolio ratings.

NodeJS JavaScript Unity

Issho

一緒【いっしょ】Issho is a collaboration tool which works similar to Google Docs.

MongoDB ReactJS Socket.io

Ghetto-Kitties

A mock WEB 3.0 website that enables minting of the Ghetto Kitties NFT.

ReactJS JavaScript Solidity

Hybrid Dashboard

A modular hybrid dashboard comprising of common industry-used components.

ReactJS JavaScript

Agent Debate

AI consultancy via multi-agents & LangChain.

NextJS Flask LangChain

Automated Service Order

Spearheaded prototypes for pre-sales teams, most notably an automated service order workflow utilising SAP Process Automation, ODataV4 APIs, and a custom flask web service that consumes Azure OpenAI gpt-4 and vision model Llava-1.6.

Tech stack: Flask, SAP Build Process Automation, Artificial Intelligence, LangChain, Kubernetes(Kyma)

Orbit

Front-end developer for Project Orbit as part of the R&D department.
Orbit aims to streamline heavy eSIMs provisioning processes, and increase management control and overwatch for corporate eSIMs.

Tech stack: MongoDB, Express, ReactJS, NodeJS, NextJS(Landing page)

Pokémon x Circles.Life

Full-stack developer for Circles.Life Dare to Roam campaign.
This mobile web application serves approximately ~1500 users for a live event,
acting as a companion app as users go around Singapore to complete challenges.

Tech stack: NextJS, supabase

Zendesk Omnichannel Platform

Front-end engineer.
Improved tooling and performance of the Omnichannel platform.
Instrumented tracing to increase e2e observability across different services.

Tech stack: ReactJS, TypeScript, Jenkins, Datadog, OpenTelemetry, Kafka

Publications 📝

Articles that I have written. Click to check them out!

Automated service order insertion using SAP Process Automation + custom web service Automatically insert your customer's service orders into SAP HANA via this automation workflow. (Hint: We are using the Llava-1.6 Vision model to help with renaming and describing image attachments, as well as GPT-4 to handle text logic!) 6 min read

Implementing a change log on React/NextJS using react-markdown package Have you been wanting to implement a change log for your app or website but realised that it would be too time-consuming to deliver updates to customers about the newest features of your product? 6 min read

Are you rendering your images correctly in NextJS? Ever since NextJS 10 introduced its built-in image component, image rendering has never been the same. However, many developers are still doing image rendering wrongly. Let’s take a deep dive into the next/image component. 6 min read

Abstract Syntax Tree(AST) and how it works with ReactJS An Abstract Syntax Tree (AST) is a tree-like data structure that represents the structure and hierarchy of source code in a programming language. 2 min read