Tyler Hawkins

thawkin3@byu.net

404.940.1358

Web Applications

JS Data Structures

JS Data Structures and Algorithms

npm package and learning tool complete with a playground of interactive examples.

Built with: Vanilla JavaScript, React.js, Storybook

View in GitHub

Webpack Demos

Webpack Demos

Example demos for key features in Webpack, including various loaders and plugins.

Built with: Webpack 4, Vanilla JavaScript, React.js

View in GitHub

React Concepts Demo

React Concepts Demo

Example demos to illustrate different key pieces of React's functionality, including some of its newest features.

Built with: React.js, React Router

View in GitHub

Totes Votes

Totes Votes

Full stack voting app complete with authentication and CRUD API.

Built with: MongoDB, Express, AngularJS, Node.js, C3.js

View in GitHub

JavaScript 30 Challenge

JavaScript 30

30 JavaScript apps in 30 days.

Built with: Vanilla JavaScript

View in GitHub

Office Competition Ranking

Office Competition Ranking

Full stack app for leaderboard rankings for games like ping pong.

Built with: MongoDB, Express, Node.js, Passport, jQuery

View in GitHub

Crossy Block

Crossy Block

HTML5 Frogger-like game.

Built with: MongoDB, Express, AngularJS, Node.js, Canvas element, requestAnimationFrame

View in GitHub

Venue Finder

Venue Finder

App similar to Yelp to help you find great places for entertainment in any geographic location.

Built with: MongoDB, Express, AngularJS, Node.js, Yelp API

View in GitHub

MongoDBreakout

MongoDBreakout

Knock-off Breakout game.

Built with: MongoDB, Express, AngularJS, Node.js, Canvas element, requestAnimationFrame

View in GitHub

Chat Sockets

Chat Sockets

WebRTC app that creates a simple chatroom. Complete with a Giphy integration.

Built with: MongoDB, Express, AngularJS, Node.js, Socket.io, Giphy API

View in GitHub

Qrappy Bird

Qrappy Bird

Everyone's favorite Flappy Bird knock-off, complete with a theme song.

Built with: MongoDB, Express, AngularJS, Node.js, requestAnimationFrame

View in GitHub

Pixel Mania

Pixel Mania

Multiplayer game (WebRTC) similar to agar.io

Built with: MongoDB, Express, AngularJS, Node.js, Socket.io, Canvas element, requestAnimationFrame

View in GitHub

Corporate BS Generator

Corporate BS Generator

Parody app for helping you communicate with your boss.

Built with: Express, Node.js, jQuery

View in GitHub

Bubble Ball

Bubble Ball

HTML5 game in which you must dodge all the incoming obstacles to stay alive.

Built with: Canvas element, requestAnimationFrame, Vanilla JavaScript

View in GitHub

Stacks on Stacks on Stacks

Stacks on Stacks on Stacks

HTML5 game in which you must jump on top of incoming platforms to make the tallest stack.

Built with: jQuery, CSS3 animations

View in GitHub

React+Redux Walking Skeleton

Redux Example

Walking skeleton of a React+Redux app built using create-react-app.

Built with: React.js, Redux

View in GitHub

Comment Board

Comment Board

Post a comment and your name to contribute to the discussion.

Built with: MongoDB, Express, Node.js, jQuery

View in GitHub

Markdown Previewer

Markdown Previewer

App that allows you to write marked up content and see the output side by side.

Built with: React.js, Marked library

View in GitHub

Free Code Camp Leaderboard

Free Code Camp Leaderboard

Sortable/filterable table pulling in data from a webservice.

Built with: React.js, FreeCodeCamp API

View in GitHub

Recipe Box

Recipe Box

App for storing your favorite recipes. CRUD API.

Built with: React.js, React Router, Local Storage

View in GitHub

Conway's Game of Life

Conway's Game of Life

Interactive Conway's Game of Life simulation.

Built with: React.js

View in GitHub

Dungeon Crawler

Dungeon Crawler

Battle enemies, find weapons, eat food, defeat the boss.

Built with: React.js

View in GitHub

Drum Machine

Drum Machine

Click on the drum pads to hear each sound.

Built with: React.js

View in GitHub

Camera

Camera

Desktop camera app that lets you take a picture and download it using the HTML5 getUserMedia API. (Note: HTTPS is required.)

Built with: jQuery, getUserMedia API

View in GitHub

Quote Generator

Quote Generator

Simple demo for reading JSON from a file via an AJAX request.

Built with: XMLHttpRequest, JSON

View in GitHub

Utah Weather

Utah Weather

Simple demo for text suggestions, reading JSON from a file, and using a weather API service.

Built with: Express, Node.js, Weather API

View in GitHub

The Movie Database

The Movie Database

Find a good movie to watch with this simple API demo with a sortable/filterable table.

Built with: jQuery, Movie Database API

View in GitHub

Wikipedia Search Engine

Wikipedia Search Engine

Search for top Wikipedia articles or find a random article.

Built with: jQuery, Wikipedia API, CSS3 Keyframe Animation

View in GitHub

Best Music

Best Music

Upload your favorite songs and then vote on them.

Built with: MongoDB, Express, AngularJS, Node.js

View in GitHub

Current Local Weather

Current Local Weather

Uses your location and a weather API to find the current weather for your location.

Built with: Geolocation, Weather API

View in GitHub

Twitch TV Streamers

Twitch TV

Simple app that uses the TwitchTV API to show which of your favorite streamers are online and which are offline.

Built with: jQuery, TwitchTV API

View in GitHub

JavaScript Calculator

JavaScript Calculator

Calculator UI capable of doing some simple math.

Built with: Vanilla JavaScript

View in GitHub

Pomodoro Timer

Pomodoro Timer

Timer UI to help keep you more productive.

Built with: Vanilla JavaScript

View in GitHub

Pokedex

Pokedex

Gotta catch 'em all. Keep track of your Pokemon here by adding an image and a name.

Built with: MongoDB, Express, AngularJS, Node.js, C3.js

View in GitHub

Camper News

Camper News

News feed delivered to you via the FreeCodeCamp API.

Built with: jQuery, FreeCodeCamp API

View in GitHub

Firebase Chatroom

Firebase Chatroom

WebRTC chatroom built with a Firebase database from Google.

Built with: AngularJS, Firebase

View in GitHub

Up Arrow Home Down Arrow

Website Designs

Adoptly

Adoptly

Website design concept.

Built with: HTML, CSS, Bootstrap

View in GitHub

Armando Perez

Armando

Website design concept.

Built with: HTML, CSS, Bootstrap

View in GitHub

Bass

Bass

Website design concept.

Built with: HTML, CSS, Bootstrap

View in GitHub

BestBite

BestBite

Website design concept.

Built with: HTML, CSS, Bootstrap

View in GitHub

Bolt Network

Bolt Network

Website design concept.

Built with: HTML, CSS, Bootstrap

View in GitHub

Broadway

Broadway

Website design concept.

Built with: HTML, CSS, Bootstrap

View in GitHub

Excursion

Excursion

Website design concept.

Built with: HTML, CSS, Bootstrap

View in GitHub

Headlines

Headlines

Website design concept.

Built with: HTML, CSS, Bootstrap

View in GitHub

Innovation Cloud

Innovation Cloud

Website design concept.

Built with: HTML, CSS, Bootstrap

View in GitHub

Junction

Junction

Website design concept.

Built with: HTML, CSS, Bootstrap

View in GitHub

MOVE

MOVE

Website design concept.

Built with: HTML, CSS, Bootstrap

View in GitHub

NewsRoom

Newsroom

Website design concept.

Built with: HTML, CSS, Bootstrap

View in GitHub

Pocketbook

Pocketbook

Website design concept.

Built with: HTML, CSS, Bootstrap

View in GitHub

Red Eye Photography

Red Eye Photography

Website design concept.

Built with: HTML, CSS, Bootstrap

View in GitHub

Shutterbugg

Shutterbugg

Website design concept.

Built with: HTML, CSS, Bootstrap

View in GitHub

Technical Documentation Page

Technical Documentation Page

Example technical documentation for React Native.

Built with: HTML, CSS, Bootstrap

View in GitHub

Product Landing Page

Product Landing Page

Example product landing page.

Built with: HTML, CSS, Bootstrap

View in GitHub

Survey Form

Survey Form

Example survey form to demonstrate styling with Bootstrap.

Built with: HTML, CSS, Bootstrap

View in GitHub

Up Arrow Home Down Arrow

Microservices

Exercise Tracker

Exercise Tracker

Create a user, log workouts, and view past workouts with this microservice and GUI.

Built with: MongoDB, Express, Node.js

View in GitHub

Timestamp Microservice

Timestamp Microservice

Provide a date in any format and get a UNIX timestamp and normalized date back.

Built with: Express, Node.js

View in GitHub

Request Header Parser Microservice

Request Header Parser Microservice

Shows some basic request header data like your IP address, language, and user agent.

Built with: Express, Node.js

View in GitHub

URL Shortener Microservice

URL Shortener Microservice

Microservice similar to bit.ly or tinyURL. Enter a URL and get back a shortened URL which points to your original URL.

Built with: MongoDB, Express, Node.js

View in GitHub

Imgur Search Engine

Imgur Search Engine

Search API built off of Imgur's search API.

Built with: MongoDB, Express, Node.js, Imgur API

View in GitHub

File Upload Metadata Microservice

File Upload Metadata Microservice

Upload a file and see its metadata.

Built with: MongoDB, Express, Node.js

View in GitHub

Up Arrow Home Down Arrow

Data Visualizations

Bar Chart of GDP

Bar Chart of GDP

Bar chart of GDP from the USA.

Built with: D3.js

View in GitHub

Scatterplot of Doping

Scatterplot of Doping

Scatterplot of doping in professional bicycling.

Built with: D3.js

View in GitHub

Heat Map of Global Temperature

Heat Map of Global Temperature

Heat map of global temperature from 1753 to 2015.

Built with: D3.js

View in GitHub

Force Directed Graph of Countries

Force Directed Graph of Countries

Force directed graph of state contiguity. See which countries are neighbors. Drag a node on the map to see the data move.

Built with: D3.js

View in GitHub

World Map of Meteorites

World Map of Meteorites

World map of meteorite landings. Zoom in, click and drag.

Built with: D3.js

View in GitHub

Up Arrow Home Down Arrow

Games

Duck Hunt

Duck Hunt

Classic NES Duck Hunt for your browser.

Built with: jQuery

View in GitHub

Tic-Tac-Toe

Tic-Tac-Toe

Three in a row. Good luck ever beating the computer.

Built with: jQuery

View in GitHub

Super Mario

Super Mario

A simple Mario demo game built into a Qualtrics survey.

Built with: jQuery, Qualtrics

Piano

Piano

Turns your boring computer keyboard into an exciting piano keyboard.

Built with: jQuery, HTML5 audio

View in GitHub

Canvas Animation

Canvas Animation

Showcases a simple animation using an HTML5 canvas. Keep watching until all the whitepace is covered.

Built with: Vanilla JavaScript, Canvas element

View in GitHub

Connect Four

Connect Four

Grab a friend to play and then get four in a row to win.

Built with: jQuery

View in GitHub

Dot Chaser

Dot Chaser

Make all the dots blue to win. It's harder than it looks.

Built with: Vanilla JavaScript, Canvas element

View in GitHub

Dinosaur Park Survey

Dinosaur Park Survey

Qualtrics survey feeding off the hype around the latest Jurassic Park movie.

Built with: HTML, CSS

Squarexploder

Squarexploder

Psychology experiment to compare task speed in matching objects with various colors and letters.

Built with: jQuery, jQueryUI drag and drop

View in GitHub

Simon Says

Simon Says

Test your memory and click the colors in the right order.

Built with: jQuery, HTML5 audio

View in GitHub

Growing Bubbles

Growing Bubbles

Clear the bubbles of the correct color from the screen. How many rounds can you last?

Built with: jQuery, jQuery animations, Soundcloud

View in GitHub

Click the Dot

Click the Dot

Just try and catch the dot. It will frustrate humans and cats alike to no end.

Built with: Vanilla JavaScript

View in GitHub

Up Arrow Home Down Arrow

About

I'm a self-taught front-end software engineer with a passion for learning and creating. I have a bachelor's degree in Statistics with a minor in Psychology from Brigham Young University, but mid-way through my undergraduate studies, I took an interest in web development and began teaching myself through online courses such as Udemy, Pluralsight, Codecademy, Khan Academy, HackerRank, and FreeCodeCamp. I took a few computer science classes at BYU as well to learn the MEAN stack and excelled at those. I began building web applications in my free time to gain experience and then landed a development job at Qualtrics on their Engineering Services team.

After a few years at Qualtrics, I took a UI Developer role at Younique where I worked with React.js to expand our component library, refactor/improve our website, and establish best practices in UI development for the rest of the company. I spent a lot of time mentoring junior developers and often taught workshops on React, test-driven development, and unit testing. After a year I was promoted to be a Senior UI Developer.

In early 2019 I joined Instructure, where I currently work. I'm working on an application called Bridge Perform, which focuses on something near and dear to my heart: employee development and career management.

My hobbies include snowboarding, biking, skydiving, juggling (fire!), reading, playing drums and keyboard, and spending time with my beautiful wife and daughter.

Up Arrow Home Down Arrow

Skills

Hard Skills

I'm most fluent in the MEAN/MERN stack (MongoDB, Express, AngularJS, React.js, Node.js) and love to develop full stack applications. I also have experience working with PHP and MySQL back-ends to create RESTful API services. I prefer to work with the latest and greatest front-end JavaScript frameworks, but I'm also well-versed in vanilla JavaScript and jQuery. I'm also an AWS Certified Developer Associate.

Soft Skills

I'm a driven, self-motivated, lifelong learner. I'm always reading something new or watching online courses to further expand my skillset. I'm dependable, a great communicator with both technical and non-technical people, can meet and beat project timelines, and am a team player. I love to provide thought leadership and mentor others.

Up Arrow Home

Work Experience

Software Engineer

Instructure

February 2019 - present

UI Developer IV (Senior Developer)

Younique

October 2018 - February 2019

UI Developer

Younique

September 2017 - October 2018

Front End Developer - Engineering Services

Qualtrics

October 2015 - September 2017

Web Designer - Design Team

Qualtrics

June 2015 - October 2015

Product Specialist - Technical Support

Qualtrics

April 2014 - June 2015