Rich Costello
Front End Developer
Node Full Stack Dev

Wordpress
Javascript
React/Redux
HTML5/CSS3

Web Portfolio

Back To Top

I-ching Search Portal built with React/Redux

On going project I've been working on for several months. Online version of the I-ching built with node/express/react/redux. I'm using a combination of Front End Libraries(Material-UI and React Semantic-UI) to build out the UI as well as several custom components. Works responsively and may possible create a React Native version in the coming months. The app displays text and info about each of the 64 hexagrams, from which I extract specific keywords and phrases, and then run queries on them using popular API's (Imgur,Giphy and Twitter). Plan is to set up more data sources and add customized features to cross reference and filter the data as well as create customized mash ups using various sources of data. Plans to monetize project as well

Visit :

Technology & Techniques Used

  • reactjs React.js
  • Nodejs Node.js
wordpress

Wordpress Development

I've been working with Wordpress on and off for 10 years but over the past couple of years I've been focusing on custom theming and building out features and designs using the ACF plugin. In addition, I have experience with Gravity Forms, the Genesis framework as well as building out custom page templates and post types and some experience with Woo Commerce.

Current Project

I've been working with the marketing team at Patient Safe to build custom features and layouts within their theme. These include Owl carousels and sliders to highlight content, adding CSS3 animations and transition to seamlessly highlight sections, installing, customizing Opt in monster for lead gen and creating custom post types to highlight specific types of content and working with the Hubspot CRM . In addition, I have been working with Google web master tools to improve the speed score on mobile and desktop, configuring the mobile layout of the site to make it more user friendly on mobile devices. I also manage the site on the backend via a Pantheon server workflow updating the WP version and plugins.

Visit: Patientsafe Solutions

Technology & Techniques Used

  • wordpress Wordpress
  • jQuery jQuery

React Movie App with Redux and Movie Database

This is an app I built with React/Redux. I wanted to build a web app that would give me some hands on experience with Redux actions and working with a JSON API. This app uses the API from The Movie Database to search for Movies and TV shows. When you click on the card it gives you more in depth information on a particular movie or show. In addition, to display the data in clean reusable components I used the React Semantic UI library to mark up the data output and create a responsive grid. Initially, I built it out with a webpack config using hot reloader so I could deploy to GitHub pages but ran into many issues trying to create a production build so I ported the app over to a Create-react-app build and was easily able to deploy a production version. Currently I am adding css transitions to give the app a better flow between actions.

Visit :

Technology & Techniques Used

  • Nodejs React.js
  • Nodejs Node.js

StationLocal.com built with React.js

Stationlocal.com is a local discovery social based platform that allows users to share their content with all the popular social networks. In addition, they also provide a private label platform for individual brands to customize their own version of this platform. My focus on this project was to build out the front end of the web application for the platform. Over a 5 month period, I worked with a team that re-engineered a new version of the web application with new designs and features. Using React.js, we built a component based virtual dom application tied to a robust backend API that allowed both customized and branded versions of the application for various entertainment and business organizations. In addition to React.js, I employed Google's Material Design Lite templating as well as SASS and javascript to control the layout and behavior of the applications in iOS Safari, Android Chrome and various tablet layouts.

Visit :

Technology & Techniques Used

  • Nodejs React.js
  • jQuery Gulp
  • Nodejs Node.js
  • Sass
org

CDX Corp

Served as a Front End/Web developer for this start up bio-science company to build out both an HTML5 web application and an HTML5 Android app built with Cordova . Role was primarily a front-end UI position to take the layout and behaviors of an existing iOS application and translate and implement that into an HTML5/CSS3 web application tied into a PHP backend. Scope of project included custom jQuery functionalities, Adobe Edge animation sequences, bluetooth integration using Evothings, Android web-view wrapper using Cordova and social media integration for login and share functions.

Visit

Login & Pass:demo2016

Technology & Techniques Used

  • jQuery jQuery
  • jQuery PHP
  • jQuery HTML5
Create DM

Sequenom

Several month contract position with a large bioscience company to implement new functionalities and complete a Drupal project started by a design agency but only partially completed. Project included optimizing web site for Google page speed. Creating new content types and sections to site, creating a new responsive menu layout. Built out conditional contact forms using Hubspot API and jQuery. Implemented a workflow system using Drupal Workbench and integrated it with custom views and Context UI layout. Set up a Git versioning system using Bit Bucket. Assisted in setting up a multi site Drupal install on Amazon s3 cloud server.

Visit

Technology & Techniques Used

  • jQuery Drupal
  • jQuery jQuery
  • jQuery PHP
  • jQuery HTML5
Create DM

Sitelab International

Migrated Wolfgangpuck.com, a large scale very content heavy website, from a custom PHP site built in 2006 using Zend Framework into a Drupal 7 website. Process included taking all the existing front-end code and importing it into a custom Drupal theme based off of the Zen theme. Process included mapping out all the behaviors and functionalities of the old Zend framework site and reformatting them into Drupal using both existing and custom modules. Site contained 15 indvidual content types and layouts using custom php.tpl files to achieve various functionalities.
Company also had ongoing contract with large produce manufacturing companies. I performed custom theming for landing pages, module updates and site maintenance for Hass Avocado Board and Soyconnection.com, both Drupal 7 sites. In addition, I assisted in the front end developement of Quidel.com using the Drupal Omega theme.

Visit

Technology & Techniques Used

  • jQuery Drupal
  • jQuery jQuery
  • jQuery PHP
  • jQuery HTML5
Create DM

Station Casinos

I started work here as a developer in early 2010. The position encompassed all elements of the corporate web presence. My range of duties required a knowledge of both front and back end development. I managed 35 sites hosted on multiple servers and multiple platforms ranging from PHP, Drupal, Wordpress, .Net to customized web applications. Working in conjunction with both our advertising department and external agencies we would re-purpose print, video and audio collateral onto our various web properties. Additional duties included developing and maintaining the RESNET booking engine, the portal in which online guests book hotel rooms. In the spring of 2012 was involed in the redesign and implementation of the new corporate web sites.

Visit

Technology & Techniques Used

  • jQuery Responsive
    Design
  • Wordpress Wordpress
  • jQuery PHP
  • jQuery HTML5

Dynamic Landing Pages

The fast paced world of web development in a corporate casino marketing department required me to wear many hats. Landing pages were an essential part of the conversion chain with online advertising buys requiring customized landing pages using re-purposed print assets corresponding to a particular property/brand and the type of promotion being offered. The objective for our pages varied. Some promotions required highlighting multiple properties, which I employed the use of a jQury carousel and lots of visual imagery to promote the brand. Other promotions were target specific (i.e Groupon). Pages such as these often employed various functionalities such as dynamic calendars to highlight black out dates and web service calls to highlight casinos jackpot totals.

Visit

Technology & Techniques Used

  • jQuery Responsive
    Design
  • jQuery jQuery
  • jQuery PHP
Headscape

iOS and Mobile Dev

iOS Development: The best way to learn a new programming language is to dive head first into the code, which is exactly what I did. For the previous year I had been doing tutorials in IOS and X-code so I had a basic understanding of the platform. I allocated a month to do nothing but learn and code in X-Code and Objective C. Using the Big Nerd Ranch guide to iOS programming I set fourth to learn iOS and objective C. In addition to the Big Nerd Ranch guide I used the hands on tutorials http://www.raywenderlich.com and the ITunes U podcast featuring the Stanford iOS5 course by Paul Hegarty. By the end of 1 month I was able to put together 1 iphone application for submission called Guerrilla Radio, an internet radio station streaming via Shoutcast. I submitted it to the app store but unfortunately it was not accepted by Apple. Currently in the process of revising the app. You can download the current build of this app from my Git Hub account here to look at the code. In addition to that, I am current working on an app that tracks flu's and colds. This project is challenging in the fact that it requires me to access web services via JSON and RESTful api as well as employ customize map kit functions. Learning IOS development has very much invigorated the way I look at programming as a whole and I am happy I have chosen this path.

Sencha Touch and HTML5 Mobile Development:During the winter of 2012, I attended a meet-up and saw a demonstration of Sencha Touch, a javascript based HTML5 mobile web frame work. Upon downloading the package I realized the potential this platform had in creating mobile apps with ease. When I completed work on my native IOS app for Guerrilla Radio, I embarked on making a similar version in Sencha that could be accessed via a url. The result can be seen via the link below. The thing I like about Sencha is that it allows you to create app across multiple platforms (Android, Blackberry, etc) without having to develop on their individual platforms.

The audio portion of this app will only work if accessed via Safari or on any iOS device

Visit: Guerrilla Radio

Technology & Techniques Used

  • ExpressionEngine X-Code
  • jQuery Sencha Touch

Skill Set

Back To Top

Design

I am what is called a hybrid in the world of web design/dev, meaning I can both design and develop. As a designer, I look at a site in the terms of aesthetics and usability. Not only must a site be pleasing to the eye but it should also engage the user with simplified access. Over complex sites scare off users. Responsive Web Design By the end of 2013, it is predicted more people will be browsing the web on mobile devices than on desktop computers, websites should not be confined to single devices anymore and need to focus on a multiple devices and screen sizes.

Devices

 

Development

I am primarily a Front End Developer and focus on: HTML, CSS and JavaScript. I focus on creating clean, W3 basced standard markup code that focuses on being responsive to all screen sizes and devices.

In addition, I have experience in back end development, primarily in PHP/MySQL. I also have extensive hands on experience working with Content Management Systems such as Wordpress and Drupal.

About me

Back To Top

Welcome to my portfolio site. What started out as a business venture for me 10 years ago has become a full time profession. I started out in web development and design in 2002 with foray into Flash animation and from there it has blossomed into a full knowledge of HTML/CSS, Photoshop, PHP/MySQL, Javascript/JQuery as well as into various CMS's, primarily Drupal and Wordpress.

I would consider myself foremost a Front End Developer but the journey to that role has given me hands on experience creating and modifying MySQL databases, command line functions, server admin functions as well as writing API's and web services calls. So in a nutshell, I am a hybrid developer who employs both design and Front End development skills as well as knowledge of back end development programming primarily in PHP/MySQL.

I enjoy working on unique challenging projects and pride myself in the diversity of my skill sets and ability to adapt to the every changing world of web and mobile development. You can view some of my code samples on Git Hub here

In addition to learning mobile development, I have also focused on other skills that will enable me to build robust and responsive web sites. First and foremost would be Twitter Bootstrap, a front end developers dream and the perfect way to get hands on with HTML5 and CSS3. I have also worked with SASS and compiled CSS.

Other areas I have begun to focus on are Javascript frameworks such as Node and Backbone. In addition, I participated in Ruby Weekend in May 2012 which I found very beneficial though my understanding of RoR at this point is very basic.

In another life I worked in various industries. I owned a limousine company, drove a cab, worked in restaurants, was a purchaser for gracery distributorship and managed a warehouse operation with over 20 employees. Working with code however, has been the most rewarding for me because I love the challenges of problem solving and the fast past with which this field moves at.

I've have always been a creative type as well as analytical and working in web design and development gives me the opportunity to have the best of both worlds. The things I love the most about this industry is that to be on the top of you game you have to embrace a sense of never ending learning. If you're a developer who is content where you are today you will be obsolete tommorrow. View my CodeAcademy profile here. View my resume here. Contact me at 843 813 3792.