About Me

portrait

First, let me tell you my story. I completed a B.Sc. in Computer Science with a minor in Entrepreneurship at the University of Texas at Austin in 2020, but my journey began much earlier. From a young age, understanding the “why” and “how” of everything from common items to modern marvels fascinated me. Naturally, once I received my parents’ old computer, I started tinkering. While learning to code daunted me, I began exploring the basics of HTML, CSS, and JavaScript in my spare time. In highschool, I got a job with my neighbor working on WordPress sites. There, I uncovered my passion for web development and the rest is history.

I'm currently a front end developer, primarily working with React and TypeScript, but I keep myself open to all possibilities. Please do not hesitate to contact me with opportunities or inquiries and make sure to connect with me on LinkedIn!

Proficient with:

React, TypeScript, JavaScript, Node.js, HTML, CSS, Sass, Bash, Git, webpack, Vite

Familiar with:

Express, Go, Python, Java, Kotlin, Swift, C/C++, Svelte, PHP, GraphQL

Experience

Front End Software Developer

International Business Machines (IBM) (Austin, TX)

September 2020 – Present

  • Rewrote 7k+ lines of ancient AngularJS code to Typescript React from scratch
  • Mentored and helped bring four newly-hired employees on my team up to speed
  • Led effort to update three-year-old Angular & Carbon Components React UI packages

Front End Software Developer Intern

International Business Machines (IBM) (Austin, TX)

June 2019 – August 2020

  • Built React (Typescript) IBM Cloud Identity FIDO2 password-less authentication POC
  • Contributed React grid component to IBM’s open-source Carbon Design System

Front End Software Engineer

Ticom Geomatics, Inc. (Austin, TX)

May 2018 – August 2018

  • Architected custom reactive MapboxGL “plugin” interface to abstract lifecycle handling
  • Redesigned mapping feature of flagship product with a focus on modern UI/UX

Front End Developer

Mark Porter, Inc. (Dallas, TX)

May 2015 – May 2018

  • Boosted sales by creating WooCommerce-embeddable iFrame widget using Bootstrap 4
  • Developed basic React app to enhance UX by generating an iFrame embed snippet
  • Overhauled, optimized (SEO), and redesigned website with personalized WordPress theme

Projects

My Personal Portfolio Website

This is the website you’re looking at right now! It’s built with Svelte and their SSR/SSG framework Sapper to statically generate the output HTML, JS, and CSS. I wired the repo up to Netlify to allow me to easily add, remove, and update projects by simply modifying a JSON file and committing it. This project implements CSS styling inspired by Material Design standards and semi-dynamically sized images for quick loading. This website dramatically improves on my first website back when I thought DreamWeaver was a good idea.

  • Svelte
  • Sapper
  • JavaScript
  • CSS
  • CSS Grid
  • HTML5
  • Webpack

Missive GCal Export Widget

Adds an integration to the Missive mail app that parses emails for dates/times and displays them to export to Google Calendar if desired. Clicking the export button will automatically open Google Calendar's "New Event" page with details pre-filled from the email and allow you to customize fields' content.

  • JavaScript
  • React
  • Missive
  • Email
  • Google Calendar

Phinder

Mobile app proof-of-concept that helps organizations and students on campus connect with each other. Uses React Native and Expo to accelerate the app development process.

  • JavaScript
  • React
  • React Native
  • Expo
  • Android
  • Apple
  • iOS
  • Mobile
  • App

Semantic Styled UI

A UI component library for React that styles content based on Semantic UI, but improves the default styles with Styled Components. It allows for easy plug-and-play in projects looking to take advantage of Styled Components, without dealing with the hassle of integrating Semantic UI styles manually. It also includes some useful components and pre-built components for rapid web app development.

  • JavaScript
  • React
  • SemanticUI
  • Styled Components
  • CSS-in-JS

Tampermonkey / Greasemonkey Scripts Collection

A GitHub repo of a handful of different script files that Tampermonkey can inject into the relevant websites. Certain websites often seem to either overlook something, or a simple change could really improve their functionality. I took it upon myself to add these features in the most seamless way possible.

  • JavaScript
  • Tampermonkey
  • Greasemonkey
  • Userscript
  • Extension

GroupMe Notifier

A little python script hosted on Heroku that polls a specific GroupMe group chat for keywords and emails you a summary of the matching messages. It can be handy for giant groups that often have chatter interspersed with important notifications.

  • Python
  • Heroku
  • GroupMe API