matcha by Jia

A little about Jia

I’m Jia. Come stay a while.

I’m Jia, a computer science student at Concordia University (in Montréal) who builds software for the web and AI, with a growing interest in infrastructure and distributed systems.

This little matcha café is a place to learn more about me, and the things I’m learning.

Recognition

Awards & honors

The daily blend

Work experience

  1. MetaJun 2026 - Aug 2026
    Production Engineering InternMenlo Park, USA

    Infrastructure for automated graph database index sharding, retraining, and storage tier optimization.

  2. ViggleSep 2025 - May 2026
    Software Engineering InternToronto, Canada

    Built a diffusion-model testing interface and video evaluation pipelines, and innovated a real-time fighting game with rollback netcode syncing 2D and 3D environments over websockets.

  3. NDT Technologies IncJan 2024 - Sep 2024
    Software Engineering InternMontreal, Canada

    Data visualizations, authentication, PHP/MySQL performance optimizations, and TCP/network data communication.

Notes along the way

Education

  1. Concordia UniversitySep 2024 - Now
    Bachelor's of Computer ScienceMontreal, Canada

    Did hackathons and was involved in a few clubs.

  2. Vanier CollegeSep 2021 - May 2024
    Technical DEC in Computer ScienceMontreal, Canada

    Participated in robotics in 2024, contributed to the 3D website.

  3. Collège Saint-LouisSep 2016 - Jun 2021
    High School DiplomaLachine, Canada

    Completed the International Baccalaureate (IB) Diploma Programme.

More life notes on my blog

Skills

Tools & technologies

Languages
  • TypeScript
  • JavaScript
  • Python
  • C++
  • Rust
  • PHP
Frameworks
  • React
  • NextJS
  • SvelteKit
  • Flask
  • NestJS
  • TailwindCSS
  • ThreeJS
Cloud & infra
  • AWS
  • Docker
  • Kubernetes
  • MongoDB
  • Postgresql
  • Firebase
Tools
  • Git
  • Blender
  • Unity
  • WebGL

Made here

Project postcards

2026

LinkedIn Frame project screenshot

LinkedIn Frame

DemoDiscord BotUtility

A web app and Discord bot that adds custom LinkedIn-style circular frames with arc text to profile pictures, supporting both static images and animated GIFs.

Users can pick any color and arc text (e.g. #OPENTOWORK), directly in the browser or through Discord slash commands.

  • JavaScript
  • Python
  • HTML5
  • Docker
MIRR.AI project screenshot

MIRR.AI

Full-StackHackathonAI

Won Best Use of MongoDB Atlas at McHacks 13. A Chrome extension for virtual clothing try-on, letting users try on garments from any online store using just one photo.

Built a cascaded AI pipeline (U2-Net segmentation, Vertex AI diffusion, parallelized Gemini 2.5 Flash workers) that renders seven camera angles and cut generation latency from ~21s to ~4s.

  • React
  • TypeScript
  • Flask
  • MongoDB
  • Google Cloud

2025

Ai-Cademy project screenshot

Ai-Cademy

Full-StackHackathonEducationAILLM

Makes AI tutoring engaging, by enabling voice-chat and dynamic video generation

Can upload lecture notes and lecture recordings, to receive answers through text, video, and voice.

  • NextJS
  • TailwindCSS
  • PyTorch
  • Flask
  • Cohere
LeetWrite project screenshot

LeetWrite

Full-StackHackathon

Won 2nd place as a solo team among 800+ participants in ConUHacks IX, which is the largest hackathon in Quebec.

Developed a multiplayer game, where users explain code instead of writing code, powered by OpenAI's GPT-4o model.

  • NextJS
  • TailwindCSS
  • Socket.IO
  • OpenAI

2024

YeetCode project screenshot

YeetCode

Full-Stack

A clone of a famous competitive programming platform (LeetCode), implementing a code editor and a code runner.

  • SvelteKit
  • TailwindCSS
  • NestJS
  • Docker
  • Postgresql
Mini Pomodoro project screenshot

Mini Pomodoro

DemoUtility

A minimalistic Pomodoro timer with customizable work and break times, with a dark mode for eye comfort

  • SvelteKit
  • TailwindCSS
AI Resume Builder project screenshot

AI Resume Builder

DemoAIUtility

A resume builder made using Next.JS which generates ATS compliant resumes, and provides suggestions for improvement.

  • NextJS
  • TypeScript
  • TailwindCSS
  • Python
  • Flask
Algorithm Visualizer project screenshot

Algorithm Visualizer

Demo3DVisualization

A 3D website to help computer science students visualize common algorithms, such as searching, sorting, and graphs.

Optimized to support up to thousands of meshes without issues.

  • React
  • TypeScript
  • TailwindCSS
  • ThreeJS
Vanier Robotics Homepage project screenshot

Vanier Robotics Homepage

Demo3DEducation

A WebGL experience with many interactions, made for the home page of Vanier's 2024 robotics home page.

Made with custom GLSL shaders to make the website more immersive.

Highly optimized on all devices, supports Safari.

  • React
  • JavaScript
  • ThreeJS
  • WebGL
  • Blender
  • TailwindCSS
VirtuMarket project screenshot

VirtuMarket

DemoeCommerce

Used NextJS's SSR and TypeScript to develop the design and features of a basic eCommerce platform.

Implements theme customization and internationalization for accessibility.

  • NextJS
  • TypeScript
  • TailwindCSS
Multi-window Canvas project screenshot

Multi-window Canvas

DemoFun

A demo of inter-window communication through the browser's local storage.

  • HTML5
  • JavaScript

2023

IntelliHouse project screenshot

IntelliHouse

IoT

A responsive and intuitive web application that allows users to monitor and control IoT devices, made without a web framework.

Runs on a Raspberry Pi, ESP8266, and sensors and IoT protocols like MQTT and Bluetooth.

  • HTML5
  • JavaScript
  • CSS3
  • Python
  • Flask
  • Arduino
Color Switcher project screenshot

Color Switcher

Demo3DGame

A simple 3D game where you switch colors and avoid obstacles to pass levels.

Uses a physics engine to simulate gravity and collisions.

  • React
  • JavaScript
  • TailwindCSS
  • ThreeJS
Crimes API project screenshot

Crimes API

API

A RESTful API that provides information about crimes in Los Angeles.

Follows the MVC pattern and adheres to RESTful principles.

Implements JWT authentication, and content-negotiation functionalities.

  • PHP
  • MySQL
Ghostly Echoes project screenshot

Ghostly Echoes

3DGame

A game in Unity 3D, in a school horror setting.

The player must escape the school while they might encounter creatures on their way.

  • Unity
  • Blender
RenoZed project screenshot

RenoZed

Full-StackCMS

A content management system, built under contract for a client who runs a renovation business.

Implements internationalization, and multi-factor authentication with QR codes.

  • PHP
  • MySQL
PinPoint project screenshot

PinPoint

Mobile

A mobile application that allows users to share pins on a map.

Uses Firebase for authentication and storage.

  • Flutter
  • Firebase

2022

Vanier Schedule Builder project screenshot

Vanier Schedule Builder

DemoEducationUtility

Generates all possible schedules with the courses you want to take, with same format as Omnivox's.

Could previously fetch courses in real-time, but due to restrictions, it now uses a periodic dump.

  • React
  • TypeScript
  • TailwindCSS
  • Rust
LuaJoin project screenshot

LuaJoin

Utility

A blazing fast Lua project bundler that allows you to bundle Lua projects into an optimized single file.

Supports relative and absolute imports, and static type checking from Luau.

  • Lua
  • Rust