About Me

portrait

First, allow me to tell you my story. I am now enrolled in the University of Texas at Austin's computer science degree plan but my journey began much earlier. From a young age, understanding the “why” and the “how” of everything from common items to modern marvels fascinated me. Naturally, once I received my parents' old computer I began tinkering and familiarizing myself. Learning to program daunted me but I hesitantly began exploring the basics of HTML, CSS, and JavaScript in my spare time. After getting a job with my neighbor, I started tinkering around in WordPress. There, I uncovered my fascination with web development and the rest is history.

What does the future entail for me? Cryptocurrency, machine learning, and web and mobile app development all pique my interests. That being said, I find it difficult to commit to a particular path this early and stay open to all possibilities. Please do not to hesita me with opportunities or inquiries and connect with me on LinkedIn!

Proficient with:

React, JavaScript (incl. ES6+), WordPress, HTML, CSS, SCSS, Git, REST, GraphQL

Familiar with:

Python, Java, Webpack, Bootstrap, Semantic UI, CLI, C/C++, PHP, MongoDB

Experience

Front End Software Engineer

International Business Machines (IBM) (Austin, TX)

June 2019 – Present

  • Released public React (Typescript) IBM Cloud Identity user registration starter app
  • Built React IBM Cloud Identity FIDO2 password-less authentication demo
  • 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.js 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 to allow projects to be easily added, removed, and updated by just modifying a simple JSON data file. Svelte enables reactivity without the overhead of a virtual DOM by running entirely at compile time. Sapper renders the final HTML server-side (SSR) before serving it via Netlify. This works very similar to the React SSR library previously used for this website, Gatsby.

  • Svelte
  • Sapper
  • React
  • Gatsby
  • JavaScript
  • 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 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
  • 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 prebuilt components for rapid web app development.

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

Tampermonkey / Greasemonkey Scripts Collection

This repo hosts a handful of different script files that Tampermonkey injects into the relevant websites. Certain websites just seemed to be missing something or something simple could really improve the functionality. I took it upon myself to add these features in the most seamless way possible. Uses Standard JS formatting.

  • JavaScript
  • Greasemonkey
  • Tampermonkey
  • User Script
  • Content Script
  • Extension

GroupMe Notifier

Uses a little python script hosted on Heroku to poll a given GroupMe group chat for keywords and emails a summary to you. Can be handy for giant groups that often have chatter interspersed between important notifications.

  • Python
  • Heroku
  • GroupMe API