A little bit about me 🔨 I build things I build full-stack web and mobile apps using primarily JavaScript and Python tooling. React and Svelte for frontend web, React Native…
A little bit about me
🔨 I build things
I build full-stack web and mobile apps using primarily JavaScript and Python tooling. React and Svelte for frontend web, React Native for mobile, and Node.js on the backend, and Python for automation.
🏹 I lead teams
Building large-scale software is a team sport, and I love leading by example. I'm a strong communicator who fully embraces the non-technical side of software development.
🖌 I design things
Though I'm not trained as a designer, I enjoy thinking about design and user experience. I'm particularly fascinated with graphics/modeling and animation.
Projects
Various non-private projects I've hacked on lately.
React Native Zephyr
TailwindCSS-inspired styling library for React Native.
👀 View the docs
...
Clips
A screen recording app built with web technologies.
👀 Check it out
...
Mandelbruh
A mandelbrot fractal generator built with raw WebGL and Svelte.
👀 Check it out
...
Personal PokeDex
A couch-project I put together while exploring Next.js static site generation. Parsed CSVs of Pokemon data to statically-generate a site with hundreds of highly-optimized pages. Used Node tooling to extract vibrant colors to spice up the app's design.
👀 Check it out
...
React Dynamic Geometry
A React library for creating dynamic geometry boards. This was a "could I do that?" project, and was more for fun than for real-world use. Uses React, TypeScript, Jotai, and MATH.
👀 View the source with some examples
...
CIE Color Converter
A dependency-free JS library to convert between 7 different color spaces. Lots of fun matrix maths.
👀 View the source
...
GifMaker
Browser-based FFMPEG video converter. Handy for turning .mov files into GIFs.
👀 Check it out
...
React Native Animation Samples
An ongoing playground for creating snippets of cool animations in React Native using React Native's built-in Animated API. A fun place for me to explore mobile animation techniques.
👀 View the source
...
Conference talks
Modern Animating in React Native
An introduction to React Native Reanimated V2. Presented at React Native EU 20201.
Blog posts
What the hex?
An exploration of the hex color code representation.
Screen and Webcam Mixing and Recording with Web APIs
Using Web APIs to create a screen and webcam recording app.
Iterables in JS
A quick glance at iterables in JavaScript.
From React Web to React Native
What to expect when moving from React Web to React Native.
Intro to Reanimated 2
An introduction to React Native Reanimated V2, with illustrative example.
Tilt Carousel with React Native
Using React Native's FlatList component to create a "Tilt Carousel".
Webp-ing Your Site for Faster Images
How to create WebP images and load them in a front-end app.
Keyboard Display with CSS Grid
Using CSS grid to create a keyboard display.
-
react-native-turbo-styles
No description.
TypeScript ★ 20 4y agoExplain → -
pokemon
No description.
TypeScript ★ 19 5mo agoExplain → -
react-dynamic-geometry
Dynamic Geometry Library built with React, Jotai, and SVG.
TypeScript ★ 13 3y agoExplain → -
gks-pokedex-rn
No description.
TypeScript ★ 6 5y agoExplain → -
react-native-animation-samples
Animation examples in React Native.
TypeScript ★ 5 5y agoExplain → -
rn-eu-2021-reanimated
Presentation/Demo for RN EU 2021, "Modern Animating in React Native"
JavaScript ★ 4 5y agoExplain → -
sg-gui
No description.
TypeScript ★ 3 1y agoExplain → -
CIE-ColorConverter
Convert between CIE color spaces
TypeScript ★ 3 4y agoExplain → -
webp-vue
Illustrative example of using .webp with vue
HTML ★ 3 7y agoExplain → -
gks-pokedex-gridsome
PokeDex built with Gridsome, Tailwind, using PokeAPI.
Vue ★ 3 3y agoExplain → -
synapse-rn-animation-samples
React Native animation samples, brought to you by Synapse Studios.
TypeScript ★ 3 3y agoExplain → -
GGBtuts
GeoGebra tutorials
HTML ★ 2 8y agoExplain → -
loflux
Flux-like stores that are: simple, localized, type-safe, and render-efficient.
TypeScript ★ 2 5y agoExplain → -
gksander.com
No description.
TypeScript ★ 1 16h agoExplain → -
gks-pokedex-next
Pokemon site built with Next.js, TailwindCSS, and Framer Motion. Powered by Open Pokemon API and Veekun (images).
TypeScript ★ 1 3y agoExplain → -
sg-gui-tauri
No description.
TypeScript ★ 1 1y agoExplain → -
poc-nanny-stack
No description.
TypeScript ★ 1 3y agoExplain → -
modern-mobile-examples
Sample files for RN tutorials
TypeScript ★ 1 4y agoExplain → -
prettyGraph
A little JS package to generate pretty math graphs
JavaScript ★ 1 9y agoExplain → -
michiana-cs
Public site for Michiana CS
TypeScript ★ 0 3mo agoExplain → -
scrape
Personal scraping
TypeScript ★ 0 5mo agoExplain → -
qr-gen
QR generation (goofin' around)
TypeScript ★ 0 6mo agoExplain → -
pokeapi ⑂
The Pokémon API
Python ★ 0 11mo agoExplain → -
raycast-repo-launcher
No description.
TypeScript ★ 0 2y agoExplain → -
astro-sanity ⑂
This is a helper package to integrate Astro and Sanity
★ 0 3y agoExplain → -
raycast-osint-webcheck
Raycast extension to run OSINT web check against a URL
TypeScript ★ 0 2y agoExplain → -
extensions ⑂
Everything you need to extend Raycast.
TypeScript ★ 0 2y agoExplain → -
devtool
No description.
TypeScript ★ 0 2y agoExplain → -
nvim-config
My nvim config
Lua ★ 0 2y agoExplain → -
cowboy-codes
No description.
MDX ★ 0 2y agoExplain → -
expo-router ⑂
The File-based router for universal React Native apps
★ 0 2y agoExplain → -
3dia
No description.
TypeScript ★ 0 3y agoExplain → -
test-ts-package-kit2
No description.
TypeScript ★ 0 3y agoExplain → -
astronvim_user_config ⑂
An example user configuration with a split up structure
★ 0 3y agoExplain → -
gks-slides
No description.
TypeScript ★ 0 3y agoExplain → -
zod ⑂
TypeScript-first schema validation with static type inference
★ 0 3y agoExplain → -
gCalc ▣
A pocket calculator for computations and some algebra
JavaScript ★ 0 9y agoExplain → -
Algebrite ⑂ ▣
Computer Algebra System in Javascript (Coffeescript)
CoffeeScript ★ 0 9y agoExplain → -
gksander-gatsby ▣
Homepage built with Gatsby and Tailwind
TypeScript ★ 0 5y agoExplain → -
gksander-gridsome ▣
Grant's portfolio site, built with GridsomeJS and TailwindCSS
Vue ★ 0 4y agoExplain → -
todo-ts ▣
No description.
TypeScript ★ 0 4y agoExplain → -
svelte-clock ▣
Simple clock built with Svelte
HTML ★ 0 4y agoExplain → -
simple-clock ▣
No description.
JavaScript ★ 0 4y agoExplain → -
mathcode ▣
No description.
Vue ★ 0 8y agoExplain → -
vueChat ▣
A little chat application with markdown and LaTeX support
JavaScript ★ 0 9y agoExplain → -
test-apollo-rest-codegen
No description.
TypeScript ★ 0 3y agoExplain → -
groq-js ⑂
JavaScript implementation of GROQ, the query language for JSON
★ 0 3y agoExplain → -
raycast-extensions
No description.
TypeScript ★ 0 2y agoExplain → -
gksander
No description.
JavaScript ★ 0 3y agoExplain → -
CodeEdit ⑂
CodeEdit App for macOS – Elevate your code editing experience. Open source, free forever.
★ 0 3y agoExplain → -
wonka ⑂
🎩 A tiny but capable push & pull stream library for TypeScript and Flow
★ 0 3y agoExplain → -
react-animations ⑂
🎊 A collection of animations for inline style libraries
★ 0 4y agoExplain → -
mandelbruh
No description.
HTML ★ 0 3y agoExplain → -
kit-scripts
Script Kit scripts
JavaScript ★ 0 3y agoExplain → -
next.js ⑂
The React Framework
★ 0 3y agoExplain → -
alfy ⑂
Create Alfred workflows with ease
★ 0 3y agoExplain → -
svelte-animation-example
No description.
Svelte ★ 0 3y agoExplain → -
react-native-web ⑂
Development monorepo for "React Native for Web"
★ 0 4y agoExplain → -
pi-digit-extraction
No description.
TypeScript ★ 0 4y agoExplain → -
proxyext
No description.
TypeScript ★ 0 4y agoExplain → -
wordle-forecast
Forecasting Wordle words
JavaScript ★ 0 4y agoExplain → -
gif-maker
Video → GIF converter using ffmpeg-wasm
CSS ★ 0 3y agoExplain → -
PyScripts
My personal Python3 scripts for doing random shenanigans on my machine.
Python ★ 0 4y agoExplain → -
svg-path-measure
A simple UI around `SVGGeometryElement.getTotalLength()` to measure SVG path length (given `d`).
TypeScript ★ 0 4y agoExplain → -
mm-typesafe-navigation
Sample of typesafe navigation
Java ★ 0 4y agoExplain → -
ExampleWithKotlin
No description.
Objective-C ★ 0 5y agoExplain → -
react-native-sensible
React Native sensor library
Java ★ 0 5y agoExplain → -
reanimated2-intro
Demo of Reanimated2
TypeScript ★ 0 5y agoExplain → -
react-native-nav-modal-sample
Example of using React Navigation for modal behavior
TypeScript ★ 0 5y agoExplain → -
math-formulas
Just playing around...
TypeScript ★ 0 5y agoExplain → -
math-fns
Some math helpers
TypeScript ★ 0 5y agoExplain → -
gks-pokedex-react
Pokedex, re-implemented in React
CSS ★ 0 5y agoExplain → -
dotfiles ⑂
No description.
★ 0 5y agoExplain → -
gksander-next
Portfolio, built with Next.js
TypeScript ★ 0 3y agoExplain → -
learnjs-gatsby
LearnJS site, now on Gatsby
TypeScript ★ 0 3y agoExplain → -
learnjs
Mathcode site, built with Next.js and MDX
TypeScript ★ 0 3y agoExplain → -
ts-structures-algorithms
Data structures/algorithms implemented in TS (for learning).
TypeScript ★ 0 3y agoExplain → -
ruby-koans-solutions
Solutions to Ruby Koans exercises (for personal reference)
Ruby ★ 0 6y agoExplain → -
resume-builder
Resume builder
Vue ★ 0 3y agoExplain → -
IMathAS ⑂
IMathAS Online Math Assessment
PHP ★ 0 8y agoExplain → -
statcalc
Small CPF calculator built on jStat
JavaScript ★ 0 9y agoExplain →
No repos match these filters.