past and current solo works

Here's a collection of sites I've created entirely on my own. Scroll down for collaborative and client-based works.

I'm always interested in new website ideas and if I find some time on my hand, I'll sit down for a few hours and develop a detailed prototype. Most of my sites have been designed and developed within a matter of hours (save for those that require extensive tweaks). If you're interested in working with me on one of these or some new startup site, please contact me at eric@interactivefish.com. New sites are started every week!

---

Alumni Project	BlueFish Multimedia	FamilyTrak	FishEye
FishoftheBay	GreekNet	GroupTrak	Helpd
Indexer	Jokes Database	MacWeb Toolkit	Mr. Bar
NetSplurge	OneUpMe (Version 1.0)	OneUpMe (current)	pTrak
Seven-Minute Break	Styling the Web	Travalor	Virtual Gradebook

client/collaborative works

Here's a collection of websites I've created either for other people or in conjunction with others. Many projects were redesigns, which included an interface assessement, analyzing which features worked and didn't and then designing the restructure.

---

BetterThanTheBookstore	CG@Penn	InternetSocial	Mapping DuBois
Penn Democrats	Penn SIGGRAPH	Szopinware Pottery	Wharton Social Impact

Alumni Project [show all]

Details Link: www.AlumniProject.net Status: Active but not currently being worked on Tools: AJAX/Javascript, PHP/MySQL, HTML/CSS Dates: Nov - Dec 2007

Description This is just a simple social-networking site I made in an hour because I wanted to keep up with everyone from my high school graduating class. Users register and can fill out a profile where they answer questions about themselves. Others can then browse for users and see what they're up to and what their post-college plans are. Also includes an iPhone version for faster viewing on the go (also so I can check for updates when I'm not at my computer). I think more people will sign up once they have a better idea of what they're doing when they graduate. For now, it can be daunting :^P

BlueFish Multimedia [show all]

Details Link: www.BlueFishMultimedia.com Status: Finished and no longer active Tools: PHP/MySQL, HTML/CSS Dates: Oct 2006 - May 2007

Description This was the site that promoted my web development group at UPenn. With 14 people on staff, we did various group projects around the UPenn campus. Additional functionality was built into an administration backend, allowing members to create 'project sheets' to log their hours and keep track of their work and allowing me to monitor progress and generate invoices to send to clients.

FamilyTrak [show all]

Details Link: www.FamilyTrak.com Status: Incomplete Tools: PHP/MySQL, HTML/CSS Dates: Jul - Aug 2007

Description Building upon the GroupTrak platform, I created this basic site to allow members of my family to connect with each other via a public blog and photo album. Upon login, users can contribute to a forum, upload pictures and view others' albums. I intended to use this as a means to keep in touch with everyone since we're spread all over the place. Future Plans: Include some sort of data structure that will allow the creation of a family tree, thereby forming associations between the various users on the site

FishEye [show all]

Details Link: ( site not live ) Status: Active but not currently being worked on Tools: AJAX/Javascript, PHP, HTML/CSS Dates: Jul - Oct 2007

Description Part of the FishEye™ site management package, this particular tool allows you to manage your MySQL databases. Although currently not as functional as PhpMyAdmin, this tool uses AJAX which means there's no waiting time to reload the page. Functions are processed in the background while Javascript displays instant results, yielding a fast and intuitive front-end for database management. Currently you can edit table info, add and remove rows, enter custom queries and export tables/data. To come: ability to create a new table from scratch

FishoftheBay [show all]

Details Link: www.FishoftheBay.com Status: Active but not currently being worked on Tools: AJAX/Javascript, PHP/MySQL, HTML/CSS Dates: Jan 2008 - present

Description This is meant to be a personal blog. It has a standard PHP/MySQL backend for displaying and adding posts, however the added component is that I can EMAIL a specific email address to post on the site. That is, using my iPhone (or perhaps a computer if I can find one), I can shoot off an email with my post and it will display on the site whenever someone next views it. The code can also determine the type of post (such as if it's a link, a file, text, location, music, TV, love interest, etc.). This is done by adding a keyword to the start of the body of my email. The program then parses it and applies the appropriate icon. This site is completely AJAXed with an object-oriented backend. It also automatically refreshes as new posts are created.

GreekNet [show all]

Details Link: www.GreekNet.org Status: Finished and no longer active Tools: PHP/MySQL, HTML/CSS Dates: Jan - May 2007 Demo: Email: test@greeknet.org, Pass: test

Description A social networking site aimed at fraternities and sororities. Connect with alumni and current chapter members outside your school and find jobs, friends, mentorships and events. GreekNet contains most of the core features found on Facebook but limits your scope as a user to those people only within your organization. Refer to GroupTrak for more information on the background platform. Future Plans: It's all ready to go and has several frats/sororities from UPenn involved! I just need to market it more!

GroupTrak [show all]

Details Link: www.GroupTrak.net Status: Finished and no longer active Tools: PHP/MySQL, HTML/CSS Dates: May - August 2006 Demo: Email: tester@grouptrak.net, Pass: tester

Description A simple social networking site for friends. This originally started with a simple idea: create a place online where my group of friends could log on to daily to post their plans for the day so that later, we all could see who was free to hang out. Then I added more features to the profile (such as address and phone number for reference). Then I added several more features and it eventually became a full-fledged networking site that is now available to be licensed. Users can create albums and upload photos. They can create events and invite other site members who will be notified both by email and when they login. Additionally, users can message each other internally and create an 'interest list' of their crushes, who will be notified only if they add you to their list too ;^) GroupTrak is a very finished product, built with PHP and MySQL and can be used by various groups for various purposes. It's essentially a Facebook clone from the earlier years and is suitable for groups of people who want to share information.

Helpd [show all]

Details Link: www.helpd.org Status: Active but not currently being worked on Tools: AJAX/Javascript, PHP/MySQL, HTML/CSS Dates: Dec 2007

Description My friend Alex came up with the concept for this site and asked me to help him make it. Helpd is a site where you can make anonymous posts about ways you've helped out. Helpd is pretty basic at this point but there are a few expandable ideas if people actually use it: RSS feed, pagination, browsing capabilities, voting systems, categories, community aspects, etc. This sites uses AJAX and Javascript; the development and design took me less than an hour to make.

Indexer [show all]

Details Link: ( site not live ) Status: Active but not currently being worked on Tools: PHP, HTML/CSS Dates: Jan 2007

Description Part of the FishEye™ site management package, the Indexer allows you to browse all the files on your site and edit the text files (html, txt, php, etc.). Yes, the package uses frames - the left one displays all your files with icons to indicate the type while the right frame either lets you preview the file or edit the code in a text area. Future Plans: Making the text editor component much better - coloring the text, allowing insertion of tags, etc. Want to help? eric@interactivefish.com

Jokes Database [show all]

Details Link: www.TheJokesDatabase.com Status: Finished and no longer active Tools: PHP/MySQL, HTML/CSS Dates: May 2006

Description Here's a project created a while ago when I first started learning PHP/MySQL programming. An oldy but a goody, this site houses a collection of jokes that can be submitted by any registered user. What makes it different than other joke sites is that it allows you to select certain jokes to add to your 'joke library' so you can quickly access them when you need to remember a favorite joke. Jokes are organized by category and can be rated by any user. Future Plans: If the site actually got decent traffic, it would probably do quite well, but it doesn't have many jokes right now.

MacWeb Toolkit [show all]

Details Link: www.MacWebToolkit.com Status: Active Tools: AJAX/Javascript, PHP, HTML/CSS Dates: Feb 2008 - present

Description This is a web GUI toolkit that allows you to create elements that mimic the look and feel of Mac OS X. It's a foundation for developing a web-based operating system and it's heavily generically programmed to allow for module development in PHP and a translation via XML to Javascript and finally to HTML This is by far the hardest, most complex and most challenging project of mine yet. The abstraction required is tremendous in order to allow for the maximum usability. The nifty part is twofold: (a) that the interface looks like a Mac and (b) there's an entire underlying framework for module development that makes them really easy to make.

Mr. Bar [show all]

Details Link: www.MrBar.org Status: Incomplete Tools: PHP/MySQL, HTML/CSS Dates: Oct - Nov 2006

Description From my earlier years with PHP and MySQL, this site was originally intended as an experiment with relational databases. The site would house a large collection of drinks, mixes and ingredients. Its original goal was to allow you to specify which ingredients you have and suggest all the different drinks you can make, including descriptions of each of the ingredients if you're not familiar. Future Plans: I really just need to fill out the database with more drinks and mixers!

NetSplurge [show all]

Details Link: www.NetSplurge.com Status: Finished and no longer active Tools: AJAX/Javascript, PHP/MySQL, HTML/CSS Dates: Jan - Mar 2006

Description A dynamic site allowing users to create customized homepages of their favorite and most-used links. Also includes a calendar feature for browsing dates and scheduling events. Made with PHP, MySQL and AJAX. Future Plans: I've been working on-and-off on developing a more generic abstract module-based backend which will eventually allow easy creation of new modules to add to the homepage. Additionally, if more people used the site, it could incorporate an internal messaging service in which you could send and receive notes to friends directly from the site.

OneUpMe (Version 1.0) [show all]

Details Link: www.OneUpMe.com/v1 Status: Finished and no longer active Tools: AJAX/Javascript, PHP/MySQL, HTML/CSS Dates: Dec 2006 - May 2007

Description OneUpMe.com is a wordplay site that fosters abstract and creative thought. Every morning a new phrase appears at the top which users have to respond to, attempting to 'one-up' each other in the clevernous of their response. The backend is a simple one-to-many database design and was completely designed and coded within an evening (and then, of course, tweaked over time). The archives page allows an AJAX-enhanced search of all the past posts and allows you to browse user statistics. The site now has over 1000 users, with an average daily participation (# posts) of about 30. And yes, for those of you who have seen the site linked to Jesse Eisenberg, he's my cousin.

OneUpMe (current) [show all]

Details Link: www.OneUpMe.com Status: Active Tools: AJAX/Javascript, PHP/MySQL, HTML/CSS Dates: March 2008

Description (refer to version 1.0 for the basics). The site re-design and re-development was due to the idea that the site's fundamental essence could be expanded to allow for multiple different games. The backend was revamped to be more generic and incorporate a lot of AJAX and Javascript to make certain functions a lot easier. The site design both compliments the new features and overall increases usability and user experience. The entire site was re-coded and re-designed in three days. And yes, for those of you who have seen the site linked to Jesse Eisenberg, he's my cousin.

pTrak [show all]

Details Link: www.pTrak.net Status: Active but not currently being worked on Tools: AJAX/Javascript, PHP/MySQL, HTML/CSS Dates: Jul - Sep 2007

Description This site allows a group of users to keep track of all the payments they need to make (either to each other or as a group, say if they were all sharing a rented apartment). The site is heavily AJAXed and Javascripted for convenience it makes creating new payments and dividing it up among people very easy. Additonally, an excel-like grid of user information makes it easy to get and update phone numbers, emails, etc. The site also includes email notification for new payments and reminders.

Seven-Minute Break [show all]

Details Link: www.TheSevenMinuteBreak.com Status: Finished and no longer active Tools: PHP/MySQL, HTML/CSS Dates: Dec 2006

Description A simple blogging-like site built in under three hours that allows users to post stories and infuse them with uploaded images. Originally made for my English class during Junior year of college

Styling the Web [show all]

Details Link: www.StylingTheWeb.com Status: Active but not currently being worked on Tools: AJAX/Javascript, PHP/MySQL, HTML/CSS Dates: May - Sep 2007

Description A simple blogging software with AJAX, PHP and MySQL and a clean design. The package can be installed on any site within minutes by setting a few variables. Posts are organized by category and date.

Travalor [show all]

Details Link: www.Travalor.com Status: Incomplete Tools: AJAX/Javascript, PHP/MySQL, HTML/CSS Dates: Dec 2007 - Feb 2008

Description Travalor.com is a travel site unlike any other. It turns travel into a game that gets you to experience your trips in ways you may never have before. It breaks you out of your comfort zone because you have to complete a variety of tasks and obtain photographic evidence. Compete with people all over the world! The backend is a simple database of photos and hunts which allows users to add and rate photos.

Virtual Gradebook [show all]

Details Link: www.TheVirtualGradebook.com Status: Active but not currently being worked on Tools: PHP/MySQL, HTML/CSS Dates: May 2006 - May 2007

Description The Virtual Gradebook allows teachers and students to communicate over projects and grades. It provides a simple interface for teachers to create a class, specify the grading outline and create/manage announcements, projects, homeworks and tests. Teachers can view individual student grades or a table of all the students and grades in the class and email grades to any number of students. The site will also calculate class grade statistics including average scores, the median, mode, standard deviation and expectation (in case you're a statistics buff). Students can login to view their progress and see their current class grade. The site works great - I used it when I TA'ed for Intro Programming. I think the word just needs to spread more.

BetterThanTheBookstore [show all]

Details Link: www.betterthanthebookstore.com Status: Active but not currently being worked on Tools: PHP, HTML/CSS Dates: Feb - Apr 2006

Description I designed this site along with a friend who built the backend (these were the days before I was very familiar with PHP and MySQL). Together, we thought out the idea for this website, a place where students could buy and sell textbooks from each other, "beating" the bookstore which wouldn't pay as much for a used book. The site was quite successful, garnering over 2000 users within only a few months and over 3000 books for sale. It also utilizes the APIs found at Amazon, eBay and Half.com to compare our site's price to theirs.

CG@Penn [show all]

Details Link: www.dmd.upenn.edu Status: Active Tools: PHP/MySQL, HTML/CSS Dates: Jan - May 2006

Description A redesign, the goal of this site was to provide a new, sleek and attractive website for the program I was in at UPenn. The original site wasn't terribly pretty or usable and there was much improvement to be made as far as the design goes. Additionally, I added backend functionality to allow all the students in the program to create profiles and image galleries. This work is then displayed randomly on other pages throughout the site. Site administrators can add and remove users as well as update announcements and blog posts.

InternetSocial [show all]

Details Link: www.internetsocial.com Status: Finished and no longer active Tools: PHP/MySQL, HTML/CSS Dates: Dec 2005 - Mar 2006 Demo: user: test@internetsocial.com, pass: test

Description Together with my friend with whom I worked on the BetterThanTheBookstore project with, I created a social-networking site to mimic Facebook but meant for students in other countries. It contained all the same features as Facebook had when we were creating the site (profile, friends, messages, groups, etc.) but we had the site translated into a few different European languages (and a few different versions of the same domain).

Mapping DuBois [show all]

Details Link: www.mappingdubois.org Status: Active but not currently being worked on Tools: AJAX/Javascript, PHP/MySQL, HTML/CSS Dates: Nov 2005 - May 2007

Description The cartographic modeling lab in the design school at UPenn needed a website to display information about its latest project: creating a virtual mapping of historical philadelphia from WEB DuBois's accounts (he had written a book about life for the Philadelphia Negro). The mapping application is a separate tool, but I created the rest of the site to incorporate photo albums, user profiles and a blog. Additionally, I started work on developing a subdomain project which would allow high school students to pick a historical figure they read about and create fake profiles to contain information about the person they had researched.

Penn Democrats [show all]

Details Link: ( site not live ) Status: Finished and no longer active Tools: PHP/MySQL, HTML/CSS Dates: Jun - Dec 2005

Description Although not live anymore (they've switched to a more "blog-like" site design), the goal of my redesign of the Penn Democrats website was to provide clarity to what was initially a cluttered and unstructured layout. In addition to the redesign and spacing of elements (such as the left navigation, the central content and the right highlights), I built a bit of administration functionality to allow people to post announcements and upcoming events.

Penn SIGGRAPH [show all]

Details Link: ( site not live ) Status: Finished and no longer active Tools: PHP, HTML/CSS Dates: Jun - Nov 2006

Description The redesign of the Penn SIGGRAPH site was meant to highlight information about the group, its leaders and its event information. Though now redesigned because of new board members, my version was meant to look like a bulletin board full of various posts and pictures from the 3D animation projects. It included a mailing list / database to house information about all the 200+ members.

Szopinware Pottery [show all]

Details Link: www.szopinwarepottery.com Status: Active Tools: AJAX/Javascript, PHP/MySQL, HTML/CSS Dates: Oct 2007 - Feb 2008

Description My aunt is really good at making pottery and jewelry. When the family decided that she definitely needed to start selling her stuff, the first step was to build her a website to display her work. Because I wanted the site to emphasize the photos of her pieces, the site design is simple and sleek, allowing users to select from a list and view larger images. Functionality-wise, it includes a shopping cart and an email form at the end of the checkout process which notifies both the customer and my aunt about purchases made. The site also includes a backend database manager for her to add, remove and edit product descriptions as necessary.

Wharton Social Impact [show all]

Details Link: www.whartonsocialimpact.org Status: Finished and no longer active Tools: Javascript, PHP/MySQL, HTML/CSS Dates: Feb - Mar 2007

Description The Wharton Social Impact group came to me wanting to create a website that mimicked the national organization (Net Impact). The design was simple and essentially coped in style. Additionally I added a members database and an administration panel to manage users and events. Members can login and search through the member list by providing various keywords to a search form.