Targeting Transformation

February 4, 2017 - Present

Designed this site from stratch and currently maintaining it for Ray Ellis, the author of the book, Targeting Transformation. The site uses a custom-built PHP template and Bootstrap. I am also using PHP to prevent caching of newly updated CSS and Javascript files and reduce page load on the Resources page.

Technology Used: HTML, CSS, Javascript/jQuery, Bootstrap, PHP
Targeting Transformation

Form Gen

April 14, 2011

Form Gen started out as a personal project for when I worked at IU East. I often received requests for web-based forms that emailed the data to staff and faculty. It wasn't so much a difficult task, but just tedious, therefore, I decided to write an app that would cut my workload down to only minutes. And it did just that! You simply input the number of form elements, label text, field details, and Form Gen produces the HTML, Javascript, and PHP code. It also provides client and server-side validation. All you have to do is copy and paste and you're done. Another great benefit of the app is that since it gives you all of the source code, you can customize it however you like. This version only supports text, text area, and drop-down list elements.

Form Gen V.1

Form Gen 2

Fall 2012

I Rewrote part of Form Gen for my capstone project in college. This version only generates the HTML code, but now supports all form elements.

Technology Used: HTML, CSS, Javascript, PHP
Form Gen V.2

Farewell Celebration for Chancellor Nasser Paydar

May 22, 2012

Designed and implemented this site within two weeks with help from the graphics team. Flickr images, RSVP, and guestbook buttons used jQuery Fancybox. I used Javascript to validate the forms on the client-side and PHP to validate on the server-side. RSVP information was emailed to the event coordinator. Guestbook form information was stored in a database, and an email was sent to inform admins that the guestbook was signed and comments were awaiting approval. Admins logged into the back-end where they were able to approve and edit comments. Comments that were awaiting approval were listed first, followed by approved entries. Private entries listed separately at the bottom.

Technology Used: HTML, CSS, Javascript/jQuery, PHP, T-SQL

IU East Campus Campaign 2012

February 13, 2012

Redesigned this site for our annual campus giving campaign. Thumbnails used a mixture of Fancy Thumbnail Hover Effect with jQuery and jQuery Fancybox. I used PHP to calculate the length of the bars and print the results. I also used the percentage of each building's participation to calculate the overall participation.

Technology Used: HTML, CSS, Javascript/jQuery, PHP, Photoshop

Bookmarking App

Late 2011 - Early 2012

A Delicious-like app I used for storing my favorite web pages. The front-end simply listed the bookmarks and tags. The tag links listed all bookmarks associated with that specific tag. The back-end listed each bookmark in alphabetical order, provided the URL and options, such as:

  • adding new bookmark (used PHP to automatically grab the page's title)
  • deleting tags (and association to any bookmark)
  • adding and deleting tag(s) from a bookmark
  • editing bookmark's URL
  • deleting bookmark

I implemented a bookmarklet feature on October 26, 2012, which allowed bookmarking with a single click. Soon after, I retired the app in favor of Google Chrome's ability to sync across multiple devices.

Technology Used: HTML, CSS, PHP, MySQL