Showcase

LocalVol

A Volunteer Jobs Board

My current project is the LocalVol platform, a user-facing web app with a searchable database, events calendar, and job board to connect volunteers with nonprofits. LocalVol is the flagship product of Antonym Partners, and originally shipped under the name BranfordVolunteers.org. Backed by the Branford Community Foundation, its initial release made the local news, both print and television.

ClimaCast

A Weather App

Built as part of a challenge, I finished this browser-based weather app in just 2.5 days. I used Next.js to scaffold it quickly, TypeScript to keep it bug-free, Tremor to graph data, and TailwindCSS to give it consistent styles. It uses localStorage to keep track of users' favorite cities and fetches its data from OpenWeather's REST API. As with most of my projects, it was built to be mobile-first.

Other features include:

• Multi-city comparisons.
• Interactive charts.
• iOS-inspired visualizations for wind direction, sunrise/set, and air pressure.

Portfolio

Showing off in Cascading Style

Listing my-portfolio in my portfolio? That's the kind of recursion we can all get behind! The dots background on the homepage was by far the most time-consuming to create. Especially since the number of dots vary by screen width. Pro-tip, refresh the page if the canvas element isn't resizing.

Built with some of my favorites:

• TypeScript
• Storybook
• React
• Next.js
• TailwindCSS

Yuedpao

An E-Commerce Website

This responsive mock storefront for the Thai clothing company Yuedpao was a major step forward for me as a frontend developer, as it was the first time I worked with many important types of user interactivity: form actions, data submission, fetchers, loaders, and optimistic UI. It was also my largest project at the time and taught me a lot about keeping routing simple and readable to improve DX. Built as a Single-Page Application with React Router and Vite, the site fetches data from the REST API at fakeStoreApi. It's fully interactive and designed to be mobile-first. Users can add products to their cart, adjust quantities, and remove items they no longer want.

RichMind FC

A Memory Game

Pick your starting lineup without clicking the same character twice in this Ted Lasso-themed challenge. Easy mode is a breeze, but can you get 15 in a row right to beat Hard mode? Built with React and Vite, this game fetches character data from TVmaze's REST API.

ASSET

A Restaurant in NYC

This dynamic site was built entirely in vanilla JavaScript, using Webpack to inject content into a blank HTML document. To do this efficiently, I wrote some recursive, HTML-building utility functions that create a virtual DOM in JS objects, then build it all at once in index.js, which acts as a controller module.

Tic Tac Toe

A Mobile-friendly Web Game

My mobile-first game of tic-tac-toe has multi-player and single player modes. This was my first vanilla JS project focused on minimizing global code by using factory functions and the module pattern. I put a lot of emphasis on its responsive design in CSS, including fallbacks for features not available on all browsers.

Todo Web App

A Kanban-style productivity tool

Organize your tasks, from a simple "note to self" to more complex data like due-dates to priority levels, all displayed on a Kanban-style board. For mobile users, columns become stacked vertically.

Rock Paper Scissors

A Playground Classic

My take on a classic, with retro-futuristic styling and mobile-first design. This was my first JavaScript game! The initial version was played in the console. I added a GUI as I moved through the Odin Project lessons, and later refactored it again after peer-review.