Earthquakes

General Assembly Project

This D3.js app depicts magnitude of earthquakes that hit between 2011 and 2013, including the earthquake that caused a tsunami near Japan in March 2011.

Built while attending General Assembly's WDI program.

• Launched: February 2014
• Partners: Serge Thompson
• Languages Used: D3.js

Launch Project

Quiz Launching Web App

Glamour Magazine

Built Glamour Magazine’s first Buzzfeed-style, quiz-launching web app. Designed layouts and implemented game logic for three different quiz types. Used Bootstrap to create pixel-perfect responsive design, and merged app with Ember backend.

• Built: August 2014
• Languages: Boostrap, Ember

Launch Project

Portfolio Website

The Heart

The Heart is a Peabody-Award-nominated podcast.

Collaborated with editorial staff to conceptualize and launch the show’s first site. Developed simple workflow instructions so client can manage their media-heavy pages independently.

• Built: June 2016
• Created using Squarespace's development tools

Launch Project

Website Redesign

First Franklin Financial

First Franklin Financial is a client of Ai Media Group, where I work as a frontend developer.

For this project, I built the redesigned landing page, leading to three times more generated leads than our target goal. Campaign became Ai Media’s gold-standard example when pitching new business.

• Launched: July 2018
• Languages: PHP, Bootstrap, Sass, Gitlab

Project URL Video Github

Website Redesign

Consolidated Credit

FINISHED SITE

ORIGINAL PAGE

Client was dissatisfied with the number of form leads their old landing page generated and asked Ai Media Group to redesign it. We optomized our design towards form fills, and focused on a clean, minimal, responsive layout.

The page was created using Bootstrap, sticking closely to BEM guidelines, and utilized PHP to send form information to CCCS's database. Our goal was to create a pixel perfect replica of the design specs the client approved and the end result was a hit with their team.

• Built: January 2018
• Languages: PHP, Bootstrap, Sass, BEM, Gitlab

Video

Rails Portfolio Pieces

Personal project

In March 2019, I embarked on re-strengthening my Ruby on Rails knowledge. To kick off the process, I completed CodeCademy's full Ruby on Rails course, building each project from scratch before hosting them on Heroku.

The following is a portfolio page I designed and built to showcase those pieces. Each piece is built using the Rails framework along with a postgreSQL database. Many are enhanced beyond the scope of the CodeCademy tutorial.

Enjoy!

• Built: March 2019
• Languages: Rails, Bootstrap, PostgreSQL, Sass, BEM

Launch Project

Website Redesign

Granite Transformtions

Granite Transformations is a long-running client of Ai Media Group, where I worked as a frontend developer.

For this project, I built the redesigned landing page in a two-day sprint. The project was handed off to a colleague to finish, but what you see above are the end results of that sprint.

• Built: February 2019
• Languages: Sass, BEM, Bootstrap, Gitlab

Launch Project Github

Single Page Video LP

Personal Project

FINISHED SITE

Design Sketches

Challenge: To build a pixel-perfect rendering of the provided design with a full-screen video backdrop, as well as the ability to produce a modal window with click-and-drag functionality, without using frameworks (i.e., no Bootstrap).

The following page was created from scratch in under three hours.

• Built: April 2019
• Languages: Sass, BEM

Launch Project

StockNewz

Personal Project

Challenge: To use the Stock News Rest API to build a fullstack app where users can search for stock-related news by their tickers, and display that news within a modal window within the app.

Admins can add users, remove a users, and look at a user's latest search terms

• Built: April 2019
• Languages: Rails, PostgreSQL, Sass, BEM, HTTParty

Launch Project

React Card Search

Challenge: Use API to build a responsive React app where users can search profiles based on any criteria.

Layout should be pixel perfect and render beautifully despite variations in user profiles.

• Built: April 2019
• Languages: React, Sass, BEM, Bootstrap

Launch Project