// Websites
AVR Construction
A company website for AVR Construction built with Next.js, React, and TypeScript.
- Server-rendered with Next.js
- Built with TypeScript and deployed on Vercel
Things I’ve Built
A curated mix of websites, web apps, games, and open-source tools built across the stack.
// featured
Featured Projects
A closer look at three projects from the collection.
// Web Apps
Hockey League Sim
A React and Redux hockey league simulator with teams, players, statistics, and a complete season schedule.
// Libraries
spectre-react-lib
A reusable React component library for the Spectre.css framework, documented with Storybook.
// archive
More Projects
Browse the rest of the collection by project type, technology, or keyword.
10 projects
Filter by technology All technologies
// Web Apps
Currency Converter
A Svelte web app for currency conversions, backed by Netlify serverless functions.
// Full Stack
Traffic Volume
A TypeScript and React interface for exploring traffic-volume data, backed by a Rust GraphQL server.
// Full Stack
Capstone Project
A full-stack college capstone with a React frontend and a Spring Boot backend.
// Web Apps
YouTube App
A YouTube client built with React, Redux, and Spectre.css.
// Web Apps
Movie App
A React and Redux movie app powered by The Movie Database API.
// Web Apps
Music App
A React and Redux music app built around the Discogs API and Materialize.
// Desktop Apps
Sound Tagger
A Windows desktop app for editing MP3, WAV, and other audio metadata through a web-based interface.
// Games
Writer Man 4
An HTML5 game about the experience of being an author, published on Newgrounds.
// Web Apps
Album Scrobbler
A Last.fm-powered web app for tracking album and song plays.
// Games
Perilous Journey 2
A shoot ’em up built with ActionScript 3 and the FlashPunk game framework.
No projects found
Try a different search or clear the filters to see every project.
// Websites
AVR Construction
A company website for AVR Construction built with Next.js, React, and TypeScript.
The server-rendered site keeps project photography prominent while providing company information, a responsive project gallery, and a direct contact path.
Project media
Screenshots
// Web Apps
Currency Converter
A Svelte web app for currency conversions, backed by Netlify serverless functions.
The interface supports 15 currencies while preventing identical source and destination selections or invalid amounts. Its Netlify function validates requests, rounds results to two decimals, and caches exchange-rate responses.
Project media
Screenshot
// Full Stack
Traffic Volume
A TypeScript and React interface for exploring traffic-volume data, backed by a Rust GraphQL server.
Traffic locations can be sorted from the list view and opened to inspect section lengths, travel patterns, and annual measurements. Detail tables include AADT plus seasonal and directional traffic metrics.
Project media
Screenshot
// Libraries
spectre-react-lib
A reusable React component library for the Spectre.css framework, documented with Storybook.
Consumers load Spectre.css styles explicitly rather than receiving injected global CSS. The package publishes ESM, CommonJS, and TypeScript declarations, with Storybook examples covering navigation, feedback, layout, tables, buttons, and utilities.
Project media
Screenshot
// Full Stack
Capstone Project
A full-stack college capstone with a React frontend and a Spring Boot backend.
The React client works with a Java and Spring Boot backend to provide authenticated workflows and reporting features in one application.
Project media
Screenshot
// Web Apps
YouTube App
A YouTube client built with React, Redux, and Spectre.css.
Search is debounced and limited to embeddable videos, with a separate popular-videos view. Video pages include playback, engagement data, tags, descriptions, publication details, and channel browsing.
Project media
Screenshot
// Web Apps
Hockey League Sim
A React and Redux hockey league simulator with teams, players, statistics, and a complete season schedule.
Each browser session generates a 30-team league with offense, defence, goaltending, teamwork, and overall ratings. Simulating games updates the standings plus separate player and goalie statistics.
Project media
Screenshots
// Web Apps
Movie App
A React and Redux movie app powered by The Movie Database API.
The app retrieves movie data through The Movie Database REST API and organizes browsing and detail views with Redux and Semantic UI.
Project media
Screenshot
// Web Apps
Music App
A React and Redux music app built around the Discogs API and Materialize.
Search can be narrowed by Discogs content type across artists, releases, labels, and master releases. Artist pages include profiles, members, links, and sortable discographies.
Project media
Screenshot
// Desktop Apps
Sound Tagger
A Windows desktop app for editing MP3, WAV, and other audio metadata through a web-based interface.
After choosing a folder, the app loads supported audio files and exposes common tag fields such as title, performer, album, genre, track, year, disc, and comments. TagLib handles the metadata while CefSharp bridges the interface to C#.
Project media
Screenshot
// Games
Writer Man 4
An HTML5 game about the experience of being an author, published on Newgrounds.
Players write across several genres while improving skills and buying upgrades. Progress auto-saves, and Newgrounds medals reward publishing and progression milestones.
Project media
Screenshot
// Web Apps
Album Scrobbler
A Last.fm-powered web app for tracking album and song plays.
The app connects to Last.fm through its REST API and presents listening data in a focused Materialize interface.
Project media
Screenshot
// Games
Perilous Journey 2
A shoot ’em up built with ActionScript 3 and the FlashPunk game framework.
Built in FlashDevelop, the game combines arcade rounds with ship customization, upgrades, multiple modes, and score tracking.
Project media