Portfolio - Coding Projects

This page presents a selection of the coding projects I have worked on.

A new content-based, self-guided, NLP-enhanced language learning app emphasizing language exposure and active learning under active development

• Philosophy & Phase I progress see Influx Dev Log - Phase I
• Daily dev log se Influx Continuous Dev Log
• Proposal see here

Stack: Axum (Rust), Svelte, SurrealDB, Stanza (Python), TypeScript, Tailwind
GitHub: https://github.com/chaosarium/Influx

List public files with one line of command.

Demo: https://repo.chaosarium.xyz/
Tech: Shell Script, Netlify, CSS
Extra: tutorial

Screenshot

Graph-based exploration tool that visualizes the dependencies of CMU courses built in 24 hours during TartanHacks 2023. Supports both 2D and 3D visualisation.

Demo: https://cmu-course-explorer.chaosarium.xyz/
GitHub: https://github.com/chaosarium/CMU-Course-Graph

Screenshot

Template to generate static photography website featuring a minimal, modern design written from scratch as described in this blog post.

Tech: Handlebars, Less, JavaScript
Demo site: https://gallerybeta.chaosarium.xyz/
Own photo site: https://photoarchive.chaosarium.xyz
GitHub: https://github.com/chaosarium/arxive

Screenshot

Code to turn my Obsidian vault into this website—based on Quartz but includes preprocessing and postprocessing scripts to maximise compatibility with Obsidian. It also includes feature additions and style changes that I need on my website.

GitHub: https://github.com/chaosarium/quartz-plus
Extra: blog post

This is a joint project initiated by multiple student organisations to assist Wuhan Union Hospital during the COVID-19 outbreak. The development of the web-based donation platform started on 28 January 2020 and was launched on the next day. Within four days, a total of ¥ 76030.60 had been collected and transferred to Wuhan Union Hospital.

Technologies Used: Node.js, HTML, ejs, CSS, JavaScript, nginx, MongoDB, Bootstrap
GitHub: chaosarium/2019-nCoV_Donation
Website: (No longer deployed)

Screenshot

An online booking system for NCPA’s practice room on the NCPA intranet featuring:

• No database management achieved via cryptographic hash function along with server keys to generate and verify passwords for each student
• Measures to prevent bots from signning up
• Custom traffic analytics
• Sign up history
• Announcement board
• Ensamble sign up
• Admin/teacher control (reserving room, blacklisting users, etc.)

Stack: Node.js, HTML, CSS, ejs, JavaScript, nginx, MongoDB
GitHub: ncpatst/PractiseRoomSignup
Website: https://signup.ncpachina.org/practiceroom (only accessible through the NCPA intranet)

Screenshots

This is the back end of a question-answering chatbot developed as part of our China Thinks Big project dedicated to helping parents better communicate with their kids. The project involves manually creating a Chinese corpus of more than 400 question-answer pairs and fine-tuning a pre-trained cross-encoder language model. An API built using Flask enables the communication between the front end and the back end.

Tech: Python, Flask, PyTorch, Sentence-Transformers
GitHub: chaosarium/CTB-NLP

South China Model United Nations (SCMUN) is the MUN conference hosted by our school. The website was designed and built for the 8th annual session of SCMUN and has been updated throughout the next few years.

Tech: HTML, CSS, JavaScript, nginx, Material Bootstrap
GitHub: chaosarium/SCMUN
Website: http://scmun.net

Screenshot

A JavaScript browser app for rendering various fractal formulas¹ with Julia mode support and many other configurable parameters.

Technologies Used: JavaScript, HTML, Bootstrap
GitHub: https://github.com/chaosarium/JS_Fractal_Generator
Demo²: https://chaosarium.github.io/JS_Fractal_Generator/

Screenshots

A spooky looking website designed for Helloween event sign up at high school while I was… hmmm, apparently away… in another country…(?)

GitHub: https://github.com/chaosarium/StugoHalloween

Screenshots

Built using Jekyll and hosted on Netlify. See more detail on Legacy Publishing Process.

• Quartz — build and publish a second brain using Hugo
• C0VM-ts — a TypeScript browser app to visualise and debug programmes written in CMU’s c0 language
• LWT — a text-based language learning app