JN
Back to portfolio

Projects

Seven things I've built. Every one of them opens: a live site or a public repository.

Scroll or swipe inside the window, or use ← →. Hover to hold.

The Drinking Game mid-round: a drawn jack of clubs reads 上家飲, the rule below it says 你上家飲一啖, and the counter shows 51 cards left.

01 — WEB APP

Drinking Game

Live

Built 2025

A web-based card game that shows each rule on the card itself, so nobody has to explain them, plus a counter for remaining cards.

  • JavaScript
  • HTML / CSS
  • PWA
Open drink.joenyc.net

02 — WORDPRESS PLUGIN

PDF.js Fixer

Public repo

Built 2026

A PHP admin tool that scans posts and repairs corrupted PDF viewer shortcodes in batches, with a live AJAX progress view.

  • PHP
  • WordPress
  • AJAX
View on GitHub
The front page of Joe's Blog: the title over an illustration of a swing hanging from a large tree.

03 — BLOG

Joe's Blog

Live

Astro · Cloudflare Workers

Notes and write-ups on what I'm learning and building — web development, servers and side projects. Written in Traditional Chinese.

  • Astro
  • Cloudflare
  • Writing
Open blogs.joenyc.net
VERDICT title screen: “A murdered billionaire. Four suspects. You have 180 seconds per interrogation to uncover the truth.” above a Begin Investigation button.

04 — BROWSER GAME

VERDICT: The AI Detective

Hackiethon 2026

Built 2026

A noir murder mystery where each of four suspects is a local LLM with a hidden alibi and a lie to protect. Interrogate them, collect evidence, then deliver one final verdict.

  • JavaScript
  • Ollama
  • Prompt design
View on GitHub
TypingCounter's menu bar panel: 622 keystrokes today and a bar chart of the last seven days.

05 — MACOS APP

TypingCounter

v1.1.0

Menu bar app · Built 2026

Counts keystrokes from the macOS menu bar and charts them by hour, week or month. It records counts only: no text is captured and nothing leaves the Mac.

  • Swift
  • SwiftUI
  • macOS
View on GitHub
Fintable's dashboard in demo mode with sample data: net worth, an investment-versus-cash donut chart and progress bars for two savings goals.

06 — WEB APP

Fintable

Live

Built 2026

Turns a Google Sheet into a personal finance dashboard: net worth, monthly income and spending, savings goals and a budget. The sheet stays the database, so data syncs across devices. A demo mode runs on sample data with no sign-in.

  • React
  • TypeScript
  • Google Apps Script
Open Fintable
SubLens in demo mode with sample data: monthly, yearly and total subscription spending in HKD, a spending-by-category donut and a ranking of subscriptions.

07 — WEB APP

SubLens

Live

Built 2026

Tracks software subscription spending in HKD, USD and CNY, converted to HKD at live rates pulled through Google Sheets' GOOGLEFINANCE. Charts spending by category and ranks every subscription. A demo mode runs without any setup.

  • JavaScript
  • Chart.js
  • Google Apps Script
Open sublens.joenyc.net

Everything else lives on github.com/Joe4NYC.