Web Development and Design

Maker's Diet Meals - Mobile App


This was a mobile app commissioned by a publishing company in Pennsylvania. What was desired was a companion app to a cookbook and nutrition guide they had published.

For this project, I utilized Xamarin Forms in order to leverage development for both the iOS and Android platforms. This involved linking a Mac Mini to Xamarin in order to do the iOS compilation due to Apple's requirements of having a Mac in the iOS build chain.

The app also allowed for printing capability of individual recipes. On iOS, this used the AirPrint functionality (which requires an AirPrint-capable printer).

While no longer on the App Store, it was an app that definitely made me hungry the more I worked on it. I am hopeful the client will wish to republish it in the future.


Technologies Used

  • Xamarin Forms
  • iOS
  • Android

Tools Used

  • Visual Studio
  • AirPrint

MyGiraffe - Site Maintenance

http://www.mygiraffe.com


I was commissioned to perform some site maintenance for MyGiraffe, a site for listing events, concerts, etc. in the Greater Seattle Area. I was tasked with making several adjustments:

  • Updating the website to be responsive for both desktop and mobile.
  • A fix for adding events to end users' Google Calendars.
  • Adding events to iCalendar (for iPhone/Mac users).
  • Arranging events to be displayed by date.
  • Updating the data model to reflect recent changes.
  • Ability for end users to retrieve forgotten usernames and reset forgotten passwords

In addition to the above, I also implemented a few other fixes that were needed:

  • Minor changes to enhance the Add Event and Edit Event pages.
  • General database maintenance
  • Ability for end users to reset their password once logged in.

Now, the site is responsive with a persistent header in mobile and proper layout in desktop views, and users can add events to the Google Calendar and iCalendar via a generated file produced when users click the Add to iCal control. As an additional bonus, the .ics files are also verified to be able to be imported into Microsoft Outlook, thus going above and beyond the requested functionality without additional overhead.

Update: 8/25/2016
More work was commissioned by this repeat client, in which I implemented:

  • An administrative console that allowed my client to:
  • - Add recurring events in certain intervals, days of the month, or days of the week. This also took into account exceptions for holiday hours and closures.
  • - A location management page to help update location data.
  • An overhaul of the user's submitted events listing page.
  • Greatly improve event listing performance on the index page.
  • Update the search to search for locations as well as events.

The above modifications, except for the index page performance tweak, were done largely in AngularJS, as I had learned this skill in the past year and decided it would be the most expedient way to improve the site.


Technologies Used

  • Bootstrap
  • SendGrid
  • Windows Azure
  • AngularJS
  • jQuery
  • CSS3
  • HTML5
  • SQL Server
  • Entity Framework
  • Google Calendar
  • ASP.NET MVC
  • C#
  • iCalendar

Tools Used

  • Adobe Photoshop
  • Visual Studio Online
  • SQL Server Management Studio
  • Beyond Compare
  • PowerShell
  • Visual Studio
  • NuGet
  • Team Foundation Server

Padgett & Padgett, PLLC

http://www.padgettcpa.com


This was one of four websites I was commissioned to update for a local CPA firm and its Chinese branch, this one being the main stateside office.

This site makes use of a core theme, which I adapted to use a child theme which would maintain the styling changes whenever the parent theme is updated.

This site also makes use of a slider carousel with a set of images for the home page.

In addition, there is also a live chat function for the site where a user can talk to a representative of Padgett & Padgett CPA when one is available and online.


Technologies Used

  • Bootstrap
  • PHP
  • WordPress
  • HTML5
  • MySQL
  • Windows Azure
  • CSS

Tools Used

  • Adobe Illustrator
  • Brackets
  • Adobe Photoshop
  • FileZilla

Padgett & Padgett, PLLC - Shanghai Representative Office

http://www.padgettchina.com


This was one of four websites I was commissioned to update for a local CPA firm and its Chinese branch, this one being the Shanghai representative office for Padgett & Padgett PLLC.

This site makes use of a core theme, which I adapted to use a child theme which would maintain the styling changes whenever the parent theme is updated.

This site also makes use of a slider carousel with a set of images for the home page.


Technologies Used

  • WordPress
  • CSS
  • MySQL
  • PHP
  • HTML5
  • Windows Azure
  • Bootstrap

Tools Used

  • Adobe Illustrator
  • FileZilla
  • Brackets
  • Adobe Photoshop

Shanghai Gaozhi Padgett Investment & Consulting Company Ltd

http://www.padgettgaozhi.com


This was one of four websites I was commissioned to update for a local CPA firm and its Chinese branch, this one being the investment and consulting office.

This site makes use of a core theme, which I adapted to use a child theme which would maintain the styling changes whenever the parent theme is updated.

This site also makes use of a slider carousel with a set of images for the home page.


Technologies Used

  • Bootstrap
  • MySQL
  • CSS
  • HTML5
  • Windows Azure
  • PHP
  • WordPress

Tools Used

  • Adobe Illustrator
  • Adobe Photoshop
  • FileZilla

Padgett Gaozhi LLC - India Business Development

http://www.padgettindia.com/


This was one of four websites I was commissioned to update for a local CPA firm and its Chinese branch, this one being the India office.

This site makes use of a core theme, which I adapted to use a child theme which would maintain the styling changes whenever the parent theme is updated.


Technologies Used

  • CSS
  • Windows Azure
  • HTML5
  • Microformats
  • Bootstrap
  • WordPress
  • PHP
  • MySQL

Tools Used

  • Adobe Illustrator
  • Adobe Photoshop

PA Game Commission (Intranet Applications)

http://pgc.state.pa.us


My role at the PA Game Commission was in the development of several internal, Intranet applications. The applications I worked on during my four years here included:

  • An inventory system for tracking assets such as computers, monitors, etc.
  • A search page for shooting range permits, along with the ability to flag permits as invalid/inactive.
  • A budget/revenue reporting system to replace a prior Excel-and-email based system.
  • Other permit search systems similar to the shooting range permit search.
  • An import system for bringing Excel data from contractors into a database for various data analysis.
  • Other projects which handled sensitive information which I will not disclose here.

* All web development performed for the PA Game Commission was for internal, non-public-facing applications. Thus no screenshots are available.


Technologies Used

  • VBA
  • SQL Server
  • SQL Server Reporting Services
  • XHTML 1.0 Transitional
  • ASP.NET Web Forms
  • VB.NET
  • jQuery
  • CSS

Tools Used

  • Visual Studio
  • Microsoft Access
  • SQL Server Management Studio
  • Microsoft Excel
  • Microsoft Word
  • Redgate SQL Developer Suite

Shen al Calhar Linkshell (FFXI)


A web site that was commissioned by the Shen al Calhar Linkshell (now defunct), an online guild that was based in Final Fantasy XI on the Ramuh server (which has since been merged into the Bahamut server). The previous Linkshell web site no longer existed, and I was approached to craft a replacement site. I used the Joomla 1.5 CMS while applying several modules to restore the functionality and feel of the original site, including Community Builder, ccBoard and a Shoutbox module.

I modified a theme to better suit the needs of the Linkshell and applied several in-game screenshots into the header image rotator to display a random header image on each load.

Finally, I had to perform a couple manual edits to some of the Joomla rendering code in order to make the site validate as XHTML 1.0 Transitional.

The screenshot of the site was as viewed in Internet Explorer 8 in Compatiblity Mode.


Technologies Used

  • XHTML 1.0 Transitional
  • CSS
  • MySQL
  • Joomla
  • PHP
  • Community Builder

Tools Used

  • PHPMyAdmin
  • Visual Studio
  • Plesk

Clites Design & Builders


A web site commissioned by Clites Design & Builders, which I worked on during my employment as a Web Designer at JJJCOM. This was a prototype site, and is provided as an example. Graphics were designed in Fireworks 4 and made use of photographs provided by the client.

When I left employment at JJJCOM, the site was using straight HTML/CSS and a jQuery slider for the gallery pages. This site was also verified to work correctly with Firefox and Internet Explorers 6, 7 and 8, widely used at the time. Screenshot of site as viewed in Internet Explorer 8.


Technologies Used

  • XHTML 1.0 Transitional
  • jQuery
  • HTML
  • CSS

Tools Used

  • Visual Studio
  • FileZilla
  • Macromedia Fireworks 4

PLBWoodcrafts

http://www.plbwoodcraft.com


A web site commissioned by Paul Barclay, a client of JJJCOM, and there was no shortage of client/developer interaction. The design and layout was done fully by me with Fireworks 4, CSS and PHP with includes to ensure a uniform layout. The PHP of this site also was used to store product information in a PHP multi-dimensional array and uses a PayPal Shopping Cart with hosted buttons in order to facilitate online order processing.


Technologies Used

  • PHP
  • CSS
  • XHTML 1.0 Transitional

Tools Used

  • FileZilla
  • Visual Studio
  • Macromedia Fireworks 4

DracoTal

http://dracotal.nodeomega.com


My sister design site / Cafepress.com store, redesigned. This redesign was developed using ASP.NET MVC 4 and jQuery. My aim was to reduce some overhead while developing new skills that were not utilized at my previous employment which was primarily ASP.NET Web Forms-based.


Technologies Used

  • XHTML 1.0 Transitional
  • SQL Server
  • CSS
  • ASP.NET MVC
  • jQuery

Tools Used

  • FileZilla
  • Plesk
  • Visual Studio
  • SQL Server Management Studio