github
linkedin
say hi
PROJECTS
RESUME
HOME

Personal Website (2023)

[in progress]

NextJS
Vercel
React
TypeScript
HTML
CSS
Jest
XState
React Spring
Figma

Description

Revamping my old NextJS website with TypeScript integration, react-spring, new custom assets, and a 'fractal modlet' architecture pattern.

Highlights

  • Custom design created using Figma
  • Hand drawn and programmatic animations and SVG customization
  • Integrated autodeploy workflow using Vercel
  • AppState and Animation state machines using XState
  • Animated components using react-spring
  • Component-level CSS modules and global theme variables
  • Modular components with strong separation of concerns

Micro-Transaction Login Page (2023)

[in progress]

React
Redux
TypeScript
HTML
CSS
Jest
codesandbox
CodeSandbox

Description

A Bad UI Battle contribution that simulates a login page environment in which the user must purchase 'characters' using a micro-transaction store.

Highlights

  • Simulated API data requests using custom hooks and local storage
  • Cached and memoized user data for data persistence
  • Robust state management using Redux slices
  • React-Toastify and React-Modal Integration

We Sell Users (2020)

[complete]

VueJS
ASP.net
C#
JavaScript
HTML
CSS
AJAX
SQL

Description

I built this application from scratch as a take-home challenge for my employment at Richmond Day. I primarily used ASP.NET MVC, Entity Framework, and Vue.js. For this challenge I was given mock data in an excel sheet and tasked with designing a database and a full stack application to manage and display the data. Initially, I deployed the project on Azure for public use. Due to costs, it is no longer available on the web, but its source code lives on.

Highlights

  • Successfully led to employment at Richmond Day
  • Project completed and deployed to Azure within one week
  • Interactive interface for editing data seamlessly blended into UI

Dog Dojo (2020)

[complete]

VueJS
ASP.net
C#
JavaScript
HTML
CSS
AJAX
SQL

Description

ASP.NET Core MVC & VueJS e-commerce app simulating a dog purchasing platform.

Highlights

  • Mock e-commerce experience featuring item details, shopping cart, and a checkout page
  • Dynamic routing for item detail pages
  • Created a minimalist logo of a dog and that wagged its tail whenever the user hovered over interactive elements

Personal Website v1 (2019)

[complete]

NextJS
JavaScript
HTML
CSS

Description

A website I made to learn NextJS, test out GitHub pages, and publicly host a portfolio of my work to market myself as a freelance web developer.

Highlights

  • Designed and built from scratch
  • Static rendering using NextJS
  • GitHub pages integration