About Me

Welcome to my web portfolio!

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 hesitate to contact me with opportunities or inquiries and connect with me on LinkedIn!

Skills
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
Ticom Geomatics, Inc. (Austin, TX)

May 2018 – August 2018

  • Architected custom reactive MapboxGL “plugin” interface to abstract lifecycle handling
  • Redesigned mapping element of flagship product with a focus on modern UI/UX
  • Evaluated mapping frameworks for performance, usability, and extensibility
Front End Developer
Mark Porter, Inc. (Dallas, TX)

May 2015 - May 2018

  • Independently managed time and resources when given high-level project assignments
  • Boosted sales by creating WooCommerce-embeddable iFrame widget using Bootstrap 4
  • Developed simple React.js app to enhance UX by generating an iFrame embed snippet
  • Implemented PHP-customized WooCommerce system improve sales conversion rate
  • Overhauled and redesigned company website with heavily personalized WordPress theme
  • Optimized company website for performance and Search Engine Optimization (SEO)

Projects

Gulf Corp Website

Using Gatsby, Contentful, and Netlify, I created a server side rendered (SSR) progressive web app to display variable information about a startup by the name of Gulf Corp. Contentful allows the client to edit almost every single piece of content. Additionally, this website uses Gatsby-Image to render images using the new <picture> tags to display a dynamically sized and formatted image based on browser and browser size. Components are styled with styled-components based on the SemanticUI framework and using Font Awesome icons. The website conforms to all standard A11y requirements.

  • Gatsby
  • Contentful
  • GraphQL
  • React
  • JavaScript
  • SCSS
  • CSS Grid
  • SemanticUI
  • HTML5
  • Styled Components
  • Webpack
ConnectDoor Website

Using Gatsby, Contentful, and Netlify, I created a server side rendered (SSR) progressive web app to display variable information about a startup by the name of ConnectDoor. Contentful allows the client to edit almost every single piece of content. Additionally, this website uses Gatsby-Image to render images using the new <picture> tags to display a dynamically sized and formatted image based on browser and browser size. Components are styled based on the SemanticUI framework and using Font Awesome icons. The website conforms to all standard A11y requirements.

  • Gatsby
  • Contentful
  • GraphQL
  • React
  • JavaScript
  • SCSS
  • CSS Grid
  • SemanticUI
  • HTML5
  • Webpack
My Personal Portfolio Website

This is the website you're looking at right now! It's built with React.js to allow projects to be easily added, removed, and updated by just modifying a JSON file. This project builds off of create-react-app to take advantage of Webpack and implements SCSS 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.

  • React
  • JavaScript
  • SCSS
  • CSS Grid
  • Material Design
  • HTML5
  • Webpack
coinaged.io

A massive project to facilitate new user acquisition for investment in the cryptocurrency markets. Upon completion, this app serves as the back-end of an investment firm for cryptocurrencies. The philosophy of the company: crypto will eventually reach widespread adoption and the time is now to get in at the floor. Written in Python and using MongoDB, the back-end stores user information, trades, and deposits and withdrawals. It serves this information to the front-end dashboard through a private API. More info coming soon.

  • Python
  • MongoDB
  • Flask
Greasemonkey Scripts Collection

The Github repo hosts a handful of different script files that Tampermonkey injects into the relevant websites. Certain websites just seem to be missing something or a simple change could really improve the functionality. I took it upon myself to add these features in the most seamless way possible. Check out the Github for a beautifully well-executed readme.md file that makes me proud.

  • JavaScript
  • JavaScript Standard Style
  • CryptoCompare API
WooCommerce Widget

After extensive research I concluded that allowing affiliates or vendors to embed products from a WooCommerce store is nigh impossible. This project solves that issue by creating a widget that enables a customizable and dynamic iFrame to be embedded in any website. It can track and report various metrics (including referrers' URL or ID) back to the host's WooCommerce plugin and stores it in the order data upon completion of a sale. (Project is not currently publicly accessible but a demo can be viewed)

  • JavaScript
  • PHP
  • HTML5
  • CSS
WooCommerce Widget Interface

An extension to the WooCommerce embed widget featuring a simple React app that allows a user to generate a snippet from their chosen settings. Express mode enables only affiliate tracking while locking the other values to their dynamic setting. Advanced enables customization of all attributes such as size and category of products to include. Custom serves as a middle ground between the two. (Project is not currently publicly accessible)

  • React
  • JavaScript
  • SCSS
  • WooCommerce API
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
WooCommerce MPL Plugin

A WordPress plugin designed to extend the functionality and practicality of WooCommerce and address the lack of ability to apply modern trends to WooCommerce pages. It includes a collection of tweaks that modify various layouts and styles, CRON jobs for checking active users in Litmos LMS, and Constant Contact integration. Developed specifically for Mark Porter Live

  • WordPress Plugin
  • PHP
  • jQuery
  • JavaScript
UT Austin Web Tweaks

A Chrome browser extension that adds additional features to the University of Texas's website. The objective is to making registering for classes through UT's outdated interface much easier and intuitive. It provides numerous quick links and options to speed up, simplify the process, and eliminate stress. A handful of other tweaks are also included and configurable through the options page. In the future the project could be extended to include an interface to UT's new schedule generator and a easy scheduler.

  • JavaScript
  • CSS
  • Materialize CSS
  • Chrome Extension
QCI Mobile App

Unfinished React Native cross platform app to visualize probability of quantum circuits. Also the first mobile app to provide access to quantum computations (through IBM’s QISKit API). Project is currently private.

  • React Native
  • JavaScript
  • SCSS
  • Material Design
  • HTML5
  • Webpack