Portfolio

Flash Codes

A flash card app for quickly learning APIs

Flash Codes is a flash card app for quickly learning APIs. Why waste time looking things up in documentation when you can have it all memorized? Choose a deck and start playing immediately. View your report card at the end of each game.

MicroSweepstakes

Sweepstakes Site Builder

MicroSweepstakes is a sweepstakes site builder. I built this web application to automate the process of creating sweepstakes style websites. The app features a page builder and form builder. Sites are hosted on a microsweepstakes subdomain and can be set to use a custom domain.

Verizon Go Global

Microsite

In collaboration with T.D. Wang, I developed the Verizon Go Global sweepstakes microsite. I developed the web forms and backend for tracking user entries. The website is featured in three different languages and displays geo-targeted advertisements based on user location.

MTG Simple Life Counter

Magic the Gathering Life Counter iOS App

MTG Simple Life Counter is an iOS app for tracking life in the collectible card game Magic The Gathering. The app store has many life counters, but none looked or did exactly what I wanted. So I created my own. The app icon was designed by DWA.

Scatter Ball

iOS game inspired by the classic Skatter Ball carnival game

Scatter Ball is an iOS game for the iPhone that is inspired by the classic Skatter Ball carnival machine game. The app utilizes the SpriteKit physics engine for 2D games. The app is published on the app store and inlcudes game center integration for high score tracking.

Placements.io

Ad Sales Automation

Placements.io is a SaaS startup focused on building ad campaign management software with clients including Tumblr and Digital First Media. I worked at the company as the second full time engineer. I developed features, including data visualization and API integrations, across the full stack in Ruby on Rails and AngularJS.

KCON Wish List

Sweepstakes Entry

In collaboration with T.D. Wang, I a developed a sweepstakes microsite for Verizon KCON Wish List. The site features three upload fields for users to upload images. The back-end was developed with Ruby on Rails. I developed an admin dashboard for viewing entries and image uploads. The website was designed by Abe Wong.

More Rewards Sweepstakes

Sweepstakes Entry Microsite

In collaboration with T.D. Wang, I developed a responsive one page sweepstakes microsite featuring May Day. I developed the web form and database for capturing user entries. The website was designed by Abe Wong.

Bieber Pong

HTML5 Pong Game

Bieber Pong is a pong game featuring Justin Bieber. This website was done in collaboration with Paul Boupha and Vince Mak. I developed the game logic in JavaScript and the back-end in Ruby on Rails for tracking high scores. This website was featured on Airing News, AJC, Chicago Egotist, DailyMe, DigiDay, Elite Daily, Hello You Creatives, INOOZ, Regator, SF Weekly, Stara.fl, TIME, Veooz.

Angular Select

AngularJS module for a dynamic selection

Angular Select is a select box module for AngularJS. This module was built as an AngularJS directive and can be included in any AngularJS application to provide it with a basic select box functionality. It includes a “fuzzy search” at the top of the select box.

Verizon Harvest Moon

Promotional Microsite

In collaboration with T.D. Wang, I developed the website for Verizon Harvest Moon, a sweepstakes marketing campaign. I developed the web forms and backend system for tracking unique prize codes and redemption process, Rails I18n localization in 3 languages, custom CMS and admin dashboard, CDN asset distribution, and weekly report cron jobs.

Static Blocks

Light Weight CMS Ruby Gem

Static Blocks is an open sourced light weight CMS Ruby Gem. This gem was developed for my class project at the Code Fellows Ruby on Rails bootcamp. It is powered by Rails Engines and features a simple admin interface, support for i18n internationalization, http basic authentication, search, wysihtml5 editor, csv import and export.

Bracketbook

Tournament Bracket Generator

Bracketbook is a tournament bracket generator web application developed as my class project for Applications with Ruby on Rails (RUBY CP210), at University of Washington. The dynamic bracket generator was developed using CoffeeScript. The data is persisted using a Ruby on Rails backend.

Zombie Apocalypse

Chat Room Application

Inspired by The Walking Dead, Zombie Apocalypse is a realtime multiplayer chatroom game. Fight off ever increasing waves of zombies. Preserve your ammo by using your knife. Heal yourself and your friends with first aid kits. See how long you can survive! This game was developed with NodeJS and Socket.IO.

WPGen

Generate blank WordPress themes

WPGen is an open sourced Ruby Gem command line tool for quickly generating WordPress themes. The CLI allows you to rapidly generate new themes, custom post types, custom page templates, dynamic sidebars, and aggregating css selectors. I developed this tool for my class project for Ruby: The Core Language (RUBY CP110) at UW.

Verizon APAHM Tour

Marketing Microsite

This website was built, in collaboration with T.D. Wang Advertising Agency, for The Verizon APAHM Tour. The website attracted over 85,000 hits on the day of the launch. The website was designed by Abe Wong. I developed the sign-up forms, user uploads, database, reports, email marketing service integration, and a backend dashboard.

New Tech Tour

Tech Event

This website was built for The New Tech Tour, a technology and networking event hosted in multiple cities in the U.S. This project was done in collaboration with the copywriter and designer Paul Boupha. I helped convert the Photoshop mock-ups into HTML and CSS.

DreamBox Learning

Marketing Website

As a contractor through The Creative Group, I helped DreamBox Learning, an Adaptive Math Software company, develop features for their marketing website. I created a videos page along with an admin interface for managing the content. I also performed various maintenance across the site and blog.

Your Financial Sense

Finance show

In collaboration with Rytekgrafx, I developed a custom WordPress theme for Your Financial Sense, an online finance show hosted by two financial experts. The website was designed by Ryan Catabay and the graphic designers at Rytekgrafx.

HTML5 Slot Machine

HTML5 Slot Machine Game

I designed and developed a slot machine game in HTML5 Canvas and JavaScript. I used the graphic assets I designed from the Illustrator course (ITC298) at SCCC. The game features 9 line bet options and animated tiles, and is currently my most starred repository on GitHub.

HTML5 Asteroids

HTML5 Asteroids Game

Originally a mini-project for Coursera’s Interactive Python course, I ported the game logic to HTML5 Canvas and JavaScript. The game was designed with open source graphics and music. Control a space ship and shoot down asteroids. The game features sprite frame animations, rolling background, and explosion effects.

HTML5 Pong

HTML5 Pong Game

Originally a mini-project for Coursera’s Interactive Python course, I ported the game logic to HTML5 Canvas and JavaScript. The game is playable by two players. Press the up and down arrow keys to move the right paddle and the W and S keys to move the left paddle.

Speedy Blocks

Construction Technology

I developed a custom WordPress theme for Speedy Blocks, a construction technology company specializing in the design of efficient construction material. The website was designed by Jacie Landeros. The website features a login for investors.

Satin Group

International Business Consultancy

In collaboration with T.D. Wang, I developed the WordPress theme for Satin Group LLC, a premier facilitation and consulting service provider to Asian companies and individuals who are seeking U.S. business relationships and investment opportunities. The website was designed by Abe Wong.

ECstories

Author Blog

In collaboration with Rytekgrafx Design Agency, I developed a custom WordPress theme for ECStories, an author that specializes in writing horror stories. The website was designed by Ryan Catabay and graphic designers at Rytekgrafx. The website includes a blog, social media plugins, and photo gallery.

Catalysis Tools

Email Automation Tools

During my time at Catalysis, I developed several automation tools in Python to help speed up the email localization process. For example, one tool took an excel file as input and generated AMPscript for localizing an email in 30+ languages. I also developed a JavaScript tool for generating email templates.

Catalysis

Interactive Marketing Agency

I worked as a contractor through The Creative Group for Catalysis, a digital marketing agency that specializes in multinational marketing campaigns. I helped build out email campaigns for Microsoft Windows 8, Office 365, Live at Edu, and Azure. I developed emails with AMPscript and Exact Target.

The Anti-Tourist

Travel Blog

I developed a spec travel blog for “The Anti-Tourist”, a blog dedicated to the locals of Seattle, with reviews of hidden and top non-tourist locations. The website was designed by Paul Boupha. The site features a full screen photo gallery and custom jQuery animations and pop-out menus.

Seattle CAN

Climate Action Now

In collaboration with T.D. Wang, I developed the website for Seattle CAN (Climate Action Now), a campaign focused on improving the community by lowering the City’s overall carbon footprint. The website was designed by Abe Wong. I converted the design into HTML and CSS. Google forms was used for the form.

DreamBox Learning

Marketing Website

As a contractor through The Creative Group, I helped DreamBox Learning, an Adaptive Math Software Company, re-design and maintain their WordPress marketing website. Using PHP, I integrated lead capture forms with their automated marketing systems. I also developed admin tools to automate the page generation and marketing process.

Red Dog Interactive

Marketing Agency

I helped Red Dog Interactive, a marketing agency, add new features to their WordPress website. I developed a tool that allows administrators to re-order their services list, developed a custom blog feed widget, ran SQL queries to re-order their bio-list, and modified various design elements on the site.

17nsanity

Jeremy Lin Fan Blog

I designed this website mock-up for my Photoshop class project (WEB114). The course covered techniques in working with Adobe Photoshop, including layers, masking, selection, gradients, etc. Notice that the logo “17NSANITY” is a play on Jeremy Lin’s last name and jersey number.

ID Spring Roll

International District

I helped T.D. Wang Advertising Agency develop the website for Seattle Chinatown International District Preservation and Development Authority (SCIDpda). The website was designed by Abe Wong. It features automatically shifting graphic elements to fit the height of the browser window. One notable effect is the scrolling transition and disappearing nav bar.

T.D. Wang

Advertising Agency

I helped T.D. Wang, a multi-cultural ad agency, add new functionality to their existing WordPress website. I implemented CSS and jQuery modifications. I developed the case studies page templates and added a feature to allow administrators to create new case studies from the WordPress dashboard.

Sibling House

Nonprofit

This website was built for Sibling House, a network of homes where siblings can live together, as a family, while in foster care. The website was done in collaboration with designers Jacie Landeros and Cary Thielen for the Advanced Web Development (ITC210) class project. I converted the design to WordPress.

James Dressler

Real Estate

I helped develop a custom WordPress theme for James Dressler, who is a real estate agent and also a math teacher at Seattle Central Community College. The website was designed by DWA and built for the Advanced Web Development (ITC210) class project.

Kirsten Conner

Interior Designer

I helped implement additional functionality into an existing WordPress blog for Kirsten Conner, an interior design agency. I installed social media and email subscription plugins as well as improve the overall design with custom CSS and jQuery adjustments.

Seed Rain

Consortium of Restoration Practitioners

I helped develop a custom WordPress theme for Seed Rain, an organization focused on the removal of invasive plant species. The website was designed by Sarah Durkee. The WordPress content management system allows the administrators to update the content and gallery from a simple dashboard.

Korea Journey

Gallery CMS

“Korea Journey” was side project that I designed and developed for educational purposes. It was based on the web development exercises in the book PHP Solutions: Dynamic Web Design Made Easy, by David Powers. The website features a blog and photo gallery along with a custom content management system and dashboard.

Creative Technologist

Creative Blog

Working in collaboration with Steve Ochs, I helped develop a custom WordPress theme for Creative Technologist, a blog focused on creativity and technology. The website was designed by Steve and developed by me. The site featured a unique pop-up menu system along with randomized color scheme built with jQuery.

Scccbook

Social Network

Inspired by the movie “The Social Network”, I created “Scccbook”, a social network clone that allows users to post messages on a “wall”. With Dreamweaver’s app development mode, PHP and MySQL, I implemented account creation, login system, user profiles, members list, and a “post wall”.

Luongboardism

A Fictional E-Commerce Website

I designed and developed the “Luongboardism Longboards” website, a fictional e-commerce website for my UX Design (ITC200) and Web Databases (ITC280) class project. The courses covered information architecture, interaction design, wireframes, html/css protosites, and PHP/MySQL backend development. Special thanks to Shawn Harstad who helped me design the logo in Adobe Illustrator.

Locale Power

Architectural Sociability Consultancy

I helped develop this website for an architectural sociability consultancy focusing on facilitating social interaction within architectural structures. The site was designed by the owner, Steve Ochs. I helped convert the Photoshop mock-up into a working website that features a fullscreen background and a custom photo gallery built with jQuery.

L Events

Wedding Planner

As an educational side project, I helped a local wedding planner re-design and develop their website. A mock-up of the site was designed in Photoshop and Illustrator. The mock-up was then sliced and coded in HTML and CSS. The side scrolling animation was implemented using the jQuery library.

Norwest Brokerage

Manufacturer's Representative

I designed and developed this WordPress website for Norwest Brokerage Co, Dedicated Manufacturer’s Representatives. This was my class project for Web Theory (WEB200), which covered design theory, color theory, tints and shades, typography, grid layouts, and imagery. I reproduced a vectorized version of the company logo with Adobe Illustrator.

Golden Daisy

Restaurant

I built this website for The Golden Daisy restaurant in the Beacon Hill neighborhood of Seattle. The website was designed with Adobe Illustrator and developed with valid HTML and CSS. This project was completed for my Web Authoring 1 (WEB110) class project at SCCC. The logo was designed by DWA.