Projects Planet projects

A collection of works that vary from fullstack web applications, to custom NPM packages, to standalone Mac OS and Linux applications.

astro

A dark background with an a white A-shaped logo with orange flames underneath it. Beside the logo, the word "astro" is written in white.
Status
Demo Link
Source Code

A port of my entire portfolio over to Astro - a framework that extracts UI elements into smaller, isolated components and converts them into lightweight HTML.

qwikjs

An octagonal blue and purple logo with a white lightning bolt inside of it. Off to the right side of the logo is the word "qwik" written in black.
Status
Source Code

A port of my entire web portfolio over to QwikJS - a no hydration, auto lazy-loading, resumable, edge-optimized framework.

trpc nextjs

A blue background logo with an outline of large box with 3 smaller boxes lining the left, top, and right sides of the corners.
Status
Demo Link
Source Code

An example of integrating tRPC with NextJS using React Query.

rusty bucket

A red-brown background with an off-white bucket pouring liquid on to the word RustyBucket,
Status
Source Code

A custom built Rust API server to dynamically resize images based upon a URL query.

sjs ice team

A hockey puck with a green button underneath it that contains the text: Home of the San Jose Sharks Ice Team.
Status
Demo Link
Source Code

An application to manage the San Jose Sharks Ice Team scheduling.

gamersnexus mock up

A centered logo that contains white text which states GamersNexus with a button underneath that states: View Latest News.
Status
Demo Link
Source Code

A mock up created in 3 days as a redesign proposal for GamersNexus.net.

noshotenv

A logo with a dark grey background with red text framed inside a rectangle that states: No Shot!
Status
Demo Link
Source Code

An NPM package that automatically loads environment variables from a predefined Env variable.

react hooks guide

A preview of a page that contains an interactive temperature slider. Underneath the slider is the source code which you can copy or play around with in a Codesandbox.
Status
Source Code

An educational website to help up-and-coming developers understand React’s newly introduced hooks.

nextjs ssr kit

A logo that contains black text that states Next.JS and underneath is blue text that states SSR Kit.
Status
Source Code

A fully-loaded custom NextJS boilerplate for server-side solutions.