Blog

Thoughts on software development, technology, and life in Hong Kong.

A Guide to Display Your GitHub Contribution Graph on Your Personal Website

Learn how to create a responsive GitHub contribution graph for your personal website using the GitHub GraphQL API, with full-width desktop display and mobile-friendly horizontal scrolling.

GitHubWeb Development

How to Add Interactive Maps to Your Personal Website

Learn how to create engaging interactive maps for your personal website using react-simple-maps for world maps and react-leaflet for detailed local maps with custom markers.

MapsReact

Deconstructing a 3D Rubik's Cube Solver with React Three Fiber

A deep dive into building an interactive 3D Rubik's Cube solver visualization using React Three Fiber, Three.js, and the CFOP solving method.

ReactThree.js

Technical breakdown of this personal portfolio: Architecture, Components, and 3D Visualizations

A deep dive into the technical architecture and design decisions behind my personal portfolio website, featuring 3D visualizations, interactive maps, and modern web technologies.

Next.jsTypeScript

Hello from Hong Kong

Welcome to my journey in Hong Kong's vibrant tech scene.

Hong KongPersonal

完整分析及證據:香港名校中學生發明 MediSafe 應用程式之爭議

An in-depth analysis with evidence regarding the controversy surrounding the MediSafe app invention by Hong Kong elite secondary school students.

Hong KongEducationMedium

How I Landed a Google DeepMind Project in Google Summer of Code 2025: A Step-by-Step Guide

A comprehensive guide sharing my experience and strategies for successfully securing a Google DeepMind project in Google Summer of Code 2025.

Google Summer of CodeDeepMindMedium