Projects - web-stuff

Demo weather app project, using Svelte, TypeScript, and Express to power a web interface with a location-based forecast, powered by the AccuWeather API.

NodeJS-powered automation that extracts all the tutorial docs out of the Svelte repo and combines them into a single formatted HTML document.

A fun browser-based ring light / fill light app, that lets you control a virtual light on your screen.

Project write-up for Brain Breaks Browser - a simple Preact-based web app to manage fun break exercises and activities, with a few added bells and whistles.

A small web app with a shared login system to track the status of timed medication doses, as well as scheduled medications and therapy durations.

An experimental project that delves into the idea of rendering non-video content in Picture-in-Picture windows, use-cases, and a discussion of the future.

Online educational addition game, where you try to create sets of playing cards that add up to 10. Built with Svelte and TypeScript, published as open-source.

CLI and module tool - static-build-cache package - built to help avoid redundant builds for static website projects.

Simple NPM script for detecting whether your code is executing inside of Glitch or not. Detects based on environmental variables and/or hosting info.

Project and tool for generating IFrame embeds for any tweet from just the URL, no coding required or third-party scripts.

An experimental ReactJS project to turn text input into a point based graphical output, shown as a Github Contributions Graph mockup.

Simple music meta info scraper bookmarklet, for a few sites. Grabs song title, artist, album title, and more, and then lets you copy to clipboard as TSV or JSON.

A Markdown-sourced, Gatsby-powered mini-site that displays a bunch of my cheatsheets, code snippets, and miscellaneous programming notes as I collect them.

An embeddable and interactive SASS-to-CSS playground, which can be dynamically generated and modified with custom settings and preloaded SASS/SCSS input.

The custom WordPress theme that powers both the styling behind this site, as well as a lot of back-end logic that controls indexing, redirects, and more.

A lightweight browser tool for quickly exporting a LinkedIn profile page to a JSON Resume export. Grabs education, work positions, and even skills.

My first ReactJS project: a visual editor ("what-you-see-is-what-you-get" or "WYSIWYG") to arrange, preview, and generate dynamic Cloudinary transformation combinations and URL templates.

The bookmarklet that I designed lets you add products to your Amazon wishlist from any site, including AliExpress and other competitors. No tracking!

A quick UI mockup, demo, and writeup I created for a feature a popular dating site could implement to improve the messaging experience and cut down on unwanted messages. Demo created using injected Javascript.

I developed a chrome extension for a popular online time clock so that you could clock in, clock out, and check hours all from an easy to use popup that can be interacted with no matter what page you are on.

A nifty little bookmarklet to test any webpage for Google Analytics, verify that event tracking is working properly, and return a list of all linked Google Analytics IDs!

A demo I made showing how the Wijmo combobox can be combined with a dynamic data source via AJAX, such as the Wikipedia API. Writeup includes demo, build steps, and discussion of cross-domain issues.

A code snippet I developed to have Google Scripts generate a direct link to a file in ExaVault via the ExaVault API, so it can be used with the Google Scripts URLFetchApp service.

For my senior project in high school, I took close to 10,000 photos of the inside of the old Lake Washington High School, before it was demolished, stitched them together into panoramic images, and joined the panoramic files into a giant interactive tour. I al...