~/portfolio

$whoami

I'm Nathan Yan, and I enjoy

Building carefully craftedInteractive apps

3rd Year Computer Science student

Calgary, Canada

Experience

~/experience

Business Analyst

StackDX

May 2025 – August 2025Calgary, Alberta

Developed a user interface using C#, ASP.NET Razor, HTML, JavaScript, and CSS to display and interact with CSV-like files, allowing users to easily view, sort, and filter data in tables, charts, and reports. Handling over 900k previously unsupported files.
Designed and implemented C# scripts to test and evaluate the performance of fine-tuned AI models, ensuring optimal classification accuracy and reliability for document processing tasks.
Achieved over 95% classification accuracy by developing and training multiple machine learning models to categorize document content, improving automated data processing and reliability

Artificial Intelligence Research Assistant

University of Alberta

May 2024 – August 2024Edmonton, Alberta

Used AI to analyze toxicity of various comments in bug-tracking forums such as GitHub, StackOverflow, and Bugzilla
Developed automated data processing and filtering pipelines in Python to enhance sentiment classification accuracy, eliminating noise, cleaning text, and organizing datasets to optimize AI-driven toxicity detection.
Analyzed and handled over 5 million comments to statistically identify trends in online toxicity
Under review publication of research paper to the ESEM 2025

Projects

~/projects/newb

newB (AdaHacks)

March 2026

React, Express, Supabase, OpenRouter, Puppeteer

Placed third place at AdaHacks 2026.

Built a full-stack matchmaking platform for hackathon builders where users create profiles, showcase projects, and swipe through people, projects, and live hackathons to find collaborators.

Integrated Supabase-backed auth, profile/project persistence, notifications, and real-time chat so likes on profiles or projects can turn directly into conversations.

Added AI-assisted discovery with OpenRouter-powered project analysis and personalized hackathon summaries, plus live hackathon scraping from Devpost and MLH.

$ click to view details

~/projects/unity

Unity (HackED)

February 2026

WXT, TypeScript, React, OpenRouter

Built a browser extension that adds integrated page AI chat, reader mode, audio playback, and accessibility tooling to webpages and YouTube.

Added quality-of-life and accessibility features including Google search enhancement, autofill, color-blind support, reduced motion, and dyslexia-friendly webpage font overrides.

Added source-linked answers that jump to supporting text on webpages and relevant transcript timestamps on YouTube for faster verification.

$ click to view details

~/projects/clarity

Clarity (CalgaryHacks)

February 2026

WXT, TypeScript, React, OpenRouter, shadcn/ui

Built a browser extension that analyzes webpages and YouTube transcripts, cross-referencing claims against trusted sources to surface misinformation, fallacies, and bias.

Integrated OpenRouter with Wikipedia/Wikimedia, Google Fact Check, PubMed, and other verification APIs to support results with external evidence

Placed 8th out of 74 teams at CalgaryHacks.

$ click to view details

~/projects/safe-space

Safe Space (Hack The Bias)

January 2026

TanStack Start, React, Typescript, Convex, Clerk

Helped users discover support communities (depression, poverty, cancer, etc.) by clustering related spaces with TF-IDF similarity and visualizing them as an interactive, live-updating bubble graph.

Built anonymous discussion threads within each Space and private outreach through DMs, where users can choose to reveal their name when requesting or offering help.

Implemented layered content moderation (rules-based prefilter + OpenRouter API) that blocks harmful/sexual content, auto-removes flagged messages, and injects crisis resources for self-harm.

$ click to view details

~/projects/leetblock

LeetBlock

December 2025

Flutter, Dart

Built a Flutter productivity app that blocks selected apps until a daily LeetCode quota is completed.

Added structured practice support through custom lists, NeetCode 250 / Blind 75 presets, and live LeetCode stat tracking for progress visibility.

$ click to view details

~/projects/blockbuddy

BlockBuddy (HackTheChange)

November 2025

TypeScript, MongoDB, Express, React, Node.js

Built an AI-assisted reporting experience capable of transforming camera uploads and descriptions into structured bylaw issues, automatically incorporating location and weather context to prioritize impact.

Developed multi-channel community chat to facilitate neighbourhood, city, and private conversations with threaded discussions and inboxes, empowering residents to coordinate and escalate issues.

Created geospatial map visualizations and a dynamic complaint feed.

$ click to view details

View More→