Web Development

Built as an experiment to learn more about Svelte, DSN Live displays actual data from NASA's global network of radio antennas communicating with spacecraft throughout the solar system. The site uses a mix of styles from IBM's Carbon Components and custom CSS. Users can learn more about specific spacecraft connected with each dish, enabled by a custom data structure mapping spacecraft to external URLs.

Spatula is a visual editor for building shader materials with lamina. It provides a visual editor and generates the JavaScript for your material. You can use that code as a material in any project that uses lamina and Three.js.

svelte-sequence is an NPM package that provides a custom tweenedSequence store, a custom stopwatch store, and a custom timer store. All of which are utilities that make it easier to coordinate execution of tweened values.

svelte-kbc is an NPM package that provides a config-based keyboard and event stores using Svelte context. I was tired of repeating the same code for setting up keyboard event handlers, so I made svelte-kbc to make things easier!

Combining two of my favorite tools (and learning how to publish an NPM package), svelte-fuse-rx has two primary utilities: an enhanced writable store that can use RxJS operators via pipe, and simple svelte actions for common RxJS use cases like debouncing an input.

Instantly see how gas centrifuge enrichment variables change under different scenarios by isolating SWU, Feed and SWU, Product and SWU, or Feed and Product. Svelte's reactive statements make complex formulas easy to bind together with HTML inputs.

An open source portfolio of 3D scenes, experiments, and prototypes.

Falah, which means 'success' in Arabic, is a prayer times Progressive Web App (PWA) that uses browser geolocation - with permission - to display the 5 daily prayer times for Muslims. While simple to use, the app was my introduction to basic RxJS and reactive programming in Angular.

A visual editor for building 3D scenes and generating svelte-cubed code. SC3 Lab can help you quickly setup a scene and share the code via Svelte REPL, experiment with different light and material combinations, or test glTF model animations.