Web Development

home

I migrated the website for Silverpine (my employer) from Squarespace to a custom site built with Astro & Vue.js. In doing so, I was able to decrease the cumulative size of transferred assets from 33 MB to 4 MB (loading the home screen with empty cache). This resulted in noticably faster FCP and TTI metrics.

To replicate the CMS of Squarespace, I also built a full-stack admin web app that allows company employees to update dynamic content on the site. The company logo can be configured to change depending on the date, and employee names, roles, and profiles can be easily updated. The app was built with Node.js & Express on the backend and Vite & Vue.js on the frontend.

Evergreen.ink is an interactive fiction writing platform made by by Big River Games. It allows users to write their own choose-your-own-adventure story with an intuitive interface, including a unique story diagram to visualize complex stories.

Dashboard of user's stories Viewing a story in fullscreen Diagram inside story editor

I was responsible for the entire frontend including UX design, application programming, CI/CD pipeline for testing and deploying (Jest + GH Actions), and server (Caddy) configuration on EC2.

I am most proud of the story diagram created with D3; it provides an easy-to-understand visual of even the most complex interactive fiction stories.

Complex story diagram

You can sign up and use the platform for free, or check out a story written with Evergreen.ink: Mystery at Gray Manor.

ZDay: Surival Simulator is the first iOS game that I worked on. I was responsible for the web portal, which enables administrators to manage stories, items, users, and more.

I also helped with QA by testing stories, giving UI feedback, and reporting bugs.

The app is available for free on iOS and Android.

Novella tells a story with every sneaker by designing each pair after a unique artisan. I built the entire frontend using Vue, Liquid, and GreenSock.

What happens when you are a web developer whose family keeps in touch with Zoom calls each week? In my case, I created a web app here you can play a game bingo while watching for peoples' individual quirks.

The app was built with React on the frontend, a Node.js server on the backend, MongoDB for the database, and Heroku for deployment.

Voluntime is 1st place winner of George Fox University's second annual Code Jam, a 30-hour coding competition. Voluntime is a platform that connects volunteers to service events, allowing people to easily find ways to help their community. I designed the front-end in Figma and implemented it using React and Material UI.

To learn more, check out the Code Jam submission or the GitHub organization.

The ARTD 270 class from college focused on UI design, page layout, and usability—and it effectively kickstarted my interest in web design.