Portfolio

A selection of some of my work that I can share and am most proud of~!

Open Source Contributions:

  1. FAE Rails CMS gem

Rails APIs & FE interfaces:

  1. King Estate Sellsheet PDF Creator
  2. Kenwood Vineyards Shop
  3. Global Gourmet Catering
  4. Kimpton Hotels Maps

Other Frameworks and Projects:

  1. React Blog
  2. Gateway Live
  3. Gates Foundation Report
  4. My Jekyll Blog

1. Fine Admin Engine - Rais CMS

fae

Description

Like many Rails CMS engines, FAE delivers all the basics to get you up and running: authentication/authorization, a responsive UI, form helpers and work-flows. But unlike other engines, Fae generates models, controllers, and views into your app that inherit from its core classes. That’s what enables Fae to work by default with almost no coding. And when it’s time to customize a single view or an entire section, it can be done in a way that will feel familiar to most Rails developers.

I have contributed several new features (for both the FE/BE), updated documentation, and wrote (unit and features) specs.

This included:

  • Creating dynamic and conditional validations for models
  • Creating dynamic relationships for singleton page objects
  • Documenting useful patterns
  • Extending features to new objects types using meta-programming
  • Hot-fixes for a variety of issues found while using the gem in production
  • Updating libraries and maintaining code that uses them
  • Using meta-programming to make it easier to scaffold objects

Libraries Used

Server-Side: Ruby: Client-side:
  • AWS
  • Capistrano
  • MySQL
  • Rake
  • Carrier Wave
  • Capybara
  • Judge - Data Validations
  • RSpec
  • Simple Form
  • Slim
  • Fryr - to manage hash params
  • Judge - FE Data Validations
  • JQuery
  • Underscore
  • Vanilla JS

Links


1. King Estate Sellsheet PDF Creator

King

Description

An application for salespeople to generate custom PDF’s based on the product lines they plan to sell.

I created the API’s and middle layer in the FE interface for this application.

Users can create a poster with a single item or a sheet with multiple products. They do this by filling out a form, with complex and helpful behind the scenes validations, that makes the process seem effortless.

Users can preview their creation, save it locally, create a link to be accessed by others, or email their pdf with a custom message.

Libraries Used

Server-Side: RoR API: Client-side:
  • AWS
  • Capistrano
  • MySQL
  • Rake - Cleanup Tasks
  • Wkhtmltopdf-binary
  • ERB
  • FileUtils
  • Judge - Data Validations
  • Kaminiari
  • Mail Form
  • RSpec
  • Simple Form
  • Wicked PDF
  • Judge - FE Data Validations
  • JQuery
  • Underscore

Link King Estate Website


2. Kenwood Vineyards Shop

kenwood

Description

Created an entire shopping cart experience by integrating Bloyal’s e-commerce API. Helped customer manage and sell thousands of items with complex state and county regulatory restrictions. Built system for guests and returning customers. Implemented system for coupons and special sales pricing.

Created the API’s and middle layer in the FE interface. Added a lot of custom validations to catch errors that API didn’t surface (or enumerate) until a vague error on last step of checkout. Provided just in time feedback to customer.

Generated emails to let customers know their checkout was successful.

Libraries Used

Server: Rails App: Clientside:
  • AWS
  • Capistrano
  • MySQL
  • BLoyal - Ecom API
  • Capybara
  • Slim
  • Judge - Data Validations
  • RSpec
  • Simple Form
  • Wicked PDF
  • Judge - FE Data Validations
  • JQuery
  • Vanilla JS

Link: Kenwood Vineyards Shop


3. Global Gourmet Catering

ggcatering

Description

Created the back-end for the entire site. Converted the assets, database (normalizing it in the process), and web content from a legacy Cake PHP application to RoR using two dozen Rake tasks.

Also created a complex search forms for Global Gourmet’s venue. I utilized cookies and hash params for a smooth user experience.

Created the API’s and middle layer in the FE interface.

Libraries Used

Server-Side: Rails App: Client-side:
  • AWS
  • Capistrano
  • MySQL
  • Rake - Asset, data, and text conversion
  • Shippable
  • Judge - Data Validations
  • Kaminiari
  • Mail Form
  • Mini Test
  • Slim
  • Simple Form
  • Facebook Open Graph
  • FirstHold - Reservation API
  • Fryr - manage hash params
  • Judge - FE Data Validations
  • JQuery
  • Underscore

Link: Global Gourmet Venue Search


4. Kimpton Hotels Maps

kimpton


UPDATE The client has recently replaced their entire custom RoR web application for an Adobe product. Subsequently, my map work is no longer there.


Description

Developed the functionality of the maps for the Kimpton Hotels website using the Google Maps API and many other tools. Integrated Geo-coding functionality into forms, so that when the client added a new hotel’s or restaurant’s street address it would be placed properly on the map.

Add in lots of custom features so that map behaved intuitively and responsively. Had to dive deeply on Google Maps API to get these features to work. Tested extensively on many browsers using Browser Stack.

Created the API’s and middle layer in the FE interface.

Libraries Used

Server-Side: Rails App: Client-side:
  • AWS
  • Capistrano
  • memcache
  • MySQL
  • Rake - Cleanup Tasks
  • Rails Cache
  • Wkhtmltopdf-binary
  • Capybara
  • CoffeeScript
  • Dalii memcache client
  • ERB
  • GeoCoder - Gem
  • Judge - Data Validations
  • Kaminiari
  • Simple Form
  • Wicked PDF
  • Forecast.IO - API
  • Google Maps API
  • Judge - FE Data Validations
  • JQuery
  • Underscore
  • Vanilla JS

Link: Click Here for International Map
Link: Click Here for NYC Map


1. React Blog

react-blog

Description

During my time at Hack Oregon I took to courses on React.JS and ES6.

My capstone was to create a micro-blog using React and Firebase. To do this I created 15 dynamic and static components.

All of the work is served from GitHub pages, and that data is managed by Firebase.

Libraries Used

Server: Clientside:
  • Firebase
  • GitHub Pages
  • ES6
  • Radium
  • Re-base
  • React.JS
  • React-burger-nav
  • React-dom
  • React-router
  • Vanilla JS

Links


2.Gateway Live

Gateway Live

Description

Gateway Live was the enterprise social network I installed and managed in my previous life as a non-profit evaluator and web administrator. I cobbled together this platform with a shoe string budget and a bit of ingenuity (mostly by reading a lot of technical documentation and breaking things at 1am). Gateway live was based on Atlassian’s Confluence platform and was themed using Zen Foundation.

Installing and administering this platform taught me a lot about the technical aspects of web administration including: Apache, the Atlassian ecosystem, most of the plugins available in the Atlassian marketplace, web servers (SBS 08, and Redhat), bash, and web based-applications in general.

From a content management perspective it taught me about the importance of regular management and maintenance of mid-sized information system. It also taught me how to work with a large group of users with various technical abilities. Lastly this platform has made me think about the importance of good technical documentation and a simple user interface.

Some examples of the products that I have created on this platform are:

  • Technical documentation on how to use our data system (SQL, Youtube, CSS, HTML)
  • Surveys and registration forms (JS, XML, Frevvo forms, MS SQL Server 2008)
  • Reports (using SQL, SQL report plugin)
  • Widgets for things like Twitter (CSS, HTML)
  • A basic ticketing system for database and web-site update requests (Scaffolding plugin, and eventually Jira).

Gateway Live continues to serve the non-profit as a place for: training, technical documentation for our data system, data reporting, and social networking. When I left it had about 900 users, 7000 pages, and about 180,000 unique visits a year.

Most of the platform is behind a login and it is not publicly available. However I have put together a video of some of the highlights (coming soon).

Tools Used

Servers: Applications:
  • MS SBS 2008
  • MS SQL server 2008
  • Redhat
  • Postgres
  • Atlassian Confluence
  • Atlassian Jira
  • Frevvo Forms

Link: Click Here


3. Gates Foundation Report

Description

Community college students that place into developmental education for reading, writing, and math courses are among the most difficult to serve students in all of higher education. This report examines the results from GtCNN’s Project DEgree program. The Bill and Melinda Gates Foundation provided funding to pilot the adaptation at 9 community colleges, serving approximately 850 total students. This evaluation was funded by Bill and Melinda Gates Foundation through the Scaling Up initiative.

Tools Used

  1. Excel
  2. SPSS - Statistical Analysis Package
  3. Student outcomes compiled from 10 community college data systems
  4. Surveys created with CSS/HTML, JS, XML, SQL
  5. Survey results data form 1000’s of students
  6. World CAT

Link: Click Here


4. My Jekkyl Blog

Description

Simple responsive blog and portfolio site.

Libraries Used

Server: Jekyll RB: Other:
  • Amazon S3
  • JQuery
  • Markdown
  • Twitter Bootstrap
  • The Gimp Photo Editor

Link: Click Here