Some of my work

Below is some examples of my work. The timeline starts with the most recent and goes back in time. This is only a temporary layout as I code a more advanced layout for this page.


Site: Tech Check

Year: 2013-2015

Type of site: Professional Work

URL: http://aionline.edu/tech-check/

Description:This is a currently a work in progress, but is nearing final launch. I designed the code used in the make up of the Step 1. I created a custom jQuery plug-in that utilizes existing JavaScript deployed by the page to find out the version of certain plug-ins. If a plug in is not up to date, the script will prompt the user to visit the vendors site to update the outdated plug-in. The main script is easily configured with a minimum version number. It will then pass the information to the plug-in who will retrieve the data and parse the responses back for the browser.

----
Language: Java, jQuery.
----

Screenshots:

Main page illustrating map coordinates pulled from database

Site: Buildphase (Working Title)

Year: 2013

Type of site: Professional Work

Description:This site was created as part of a 2 part project (Android/Web) that was creating during the Steel City Codefest. The web site would interact with the 311 data being reported via the Android Phone, the City of Pittsburgh 311 website and phone lines. It would map out the data using Google Maps API This is currently an active project, where we are working with the City of Pittsburgh on this. I wrote the web interface that uses javascript, php to interface with the MYSQL server.

----
Language: HTML, CSS, Java, PHP, MySQL.
----

Screenshots:

Main page illustrating map coordinates pulled from database

Site: Rotten Rotny

Year: 2012

Type of site: School Work - IMD312 - Introduction to Programming

Description:The site was using HTML 5 markup as well as CSS3 elements. The requirement was to have a photogallery as part of the site. While they encouraged the use of a image gallery script, such as Lightbox; I created my own. My image script would preload the images and create thumbnails for the gallery. I also had a script that handled full-size image clicks.

----
Language: HTML, CSS, Java, PHP
----

Screenshots:

Homepage Image Gallery Example Full Picture Example

Site: Haunted Pittsburgh

Year: 2012

Type of site: School Work - IMD212 - Basic Web Scripting

Description:While not visible in the screenshots, there was interesting rollover effect that was done using CSS3 that I had applied to the buttons. I wrote and article up about it here after several students were asking about it.

----
Language: HTML, CSS, PHP
----

Screenshots:

Homepage Haunted history page Haunted locations

Site: Photography by Loreili

Year: 2012

Type of site: Professional Work

Description:While there may not be much here, this is still currently under development as the photographer ran into computer issues, which affected her business and to provide feedback on this site.

----
Language: HTML, CSS, PHP, Javascript, MySQL
----

Screenshots:

Piwigo powered photogallery

Site: Data Entry Tool

Year: 2007

Type of site: Professional Project

Description:This was the first HTML application (.hta) that I wrote for a company that I did not work for. The tool was meant to replace the web based form the company used to submit the data that processed payments. They needed a more reliable solution than a web browser that would crash and lose data and or cause issues with the data being processed properly. The name of the company will not be stated here as there was major concerns I brought up with how they were processing and storing the data that were never answered and to ensure the security of the data, I will not mention the name.

----
Language: HTML, CSS, Visual Basic Script, Javascript
----

Screenshots:

Data entry tool

Site: Anti-Peta.org

Year: 2005 - 2008

Type of site: Personal Website

Description:This was my first real website, though I had created many small sites prior on free hosts, this was my first attempt at running a real website. This was a really basic site as I wanted to keep the layout simple and managable, because the main focus was on the forum that was ran through the website. The site was discontinued due to money issues and constant harrasement and possible lawsuits from Peta.

----
Language: HTML, CSS, PHP, MySQL
----

Screenshots:

Showing the homepage - Old screen capture Showing what the news page looks like