Hi, I'm Anson👋

I'm a front-end web developer.

I’m an engineer from Hong Kong who enjoys building websites with stunning interfaces and experiences.

About Me

Hello! I’m Anson Heung and I’m a graduate from HKUST who major in Computer Science & General Business Management under the Dual Degree Program.

As a front-end developer, I enjoy transforming designs into well-crafted web applications. My goal is to build websites with engaging user experiences, smooth animations and high performance.

I am also eager to learn new technologies. Here are a few technologies that I'm experienced with:

TypeScript
React
Next.js

Tailwind CSS
Material UI
Sass

Flutter
Python
Git & GitHub

Experience

Software Engineer Intern @ Bowtie Life Insurance Company

Jun ~ Aug 2022

Developed and maintained in-house TypeScript React component library
Worked closely with designers and engineers to develop new features in customer and admin portals
Performed back-end API schema migrations with Django REST

Student Front-End Developer @ UBS

Dec 2020 ~ Jan 2021// Corporate-sponsored Project

Collaborated closely with the back-end student team to create a web app prototype that uses machine learning to predict which FinTech startups in the last decade are likely to become successful
Designed the user interface using Figma and implemented it using React and Material UI
Added interactive data visualization graphs using D3.js and developed simple web APIs using Python (Flask)

Blog

10 More VS Code Vim Tricks to Code Faster ⚡
a day ago
10 more tips for the VSCodeVim extension to become a faster coder.
10 VS Code Vim Tricks to Boost Your Productivity ⚡
a year ago
10 tips for the VSCodeVim extension to boost your productivity.
Customize & Beautify your Windows Terminal (2022 ed.)
2 years ago
Beautify your Windows Terminal with custom color scheme, Nerd Font, Oh My Posh, and winfetch.
Simplest Way to Install Babel Plugins in Create React App
3 years ago
Learn how to install Babel plugins without ejecting your Create React App.

Projects

Plinko Game
A replication of Stake.com's Plinko game. Players can gamble fake money by dropping a ball in a multi-row pin pyramid.
- Svelte
- Tailwind CSS
- TypeScript
Source Demo
youtube-playlist-export
A Node.js command line app for exporting video data from a YouTube playlist to a JSON/CSV file. It's a great tool for backing up your YouTube playlists' data.
- Node.js
- YouTube API
- Jest
Source NPM
Color Contrast Checker
A responsive web app that checks the contrast ratio of your color design based on the Web Content Accessibility Guidelines (WCAG). Features include built-in color picker, parsing multiple color formats, and saving colors to local storage.
- React TypeScript
- Styled Components
Source Demo

Other Projects

AccrediChain
A blockchain-based accreditation system for issuing and viewing certificates.
- Ethers.js
- React
- Material UI
Accelyst
An all-in-one study companion app that includes a study timer, to-do list, and mnemonics builder.
- Flutter
- Dart
US Mass Shooting Visualization
An interactive dashboard for visualizing US mass shooting data from 1966~2017.

This project ranked first among 18 student groups in a data visualization course.
- React
- Material UI
- Nivo
Personal Website v1
First iteration of my personal website. The website design is almost the same as v2, except v2 improves on the design and accessibility.
- HTML
- Sass
- JS