\ Coding

The following is some of my recent work, or work I am particularly happy with. Feel free to email me with specific questions or comments about any of the apps below.

For a less organized list of demos I have coded, checked out the following three pages:

• Political Wars – A sample mobile web app project I worked on last year
• R&D – Various very random modules I coded while trying to learn specific things.
• HTML5 / CSS3 demos – some more random things (like a syntax highlighter jQuery plugin) that I coded just for fun or for the learning experience.

---

Stock Exchange Simulator

This application was part of a networking class I took in the Spring of 2011. The app uses HTML5 Websockets to connect to a PHP server that I wrote, which implements the Websockets in the server. This project was very fun to work on, especially because there was little to no information online about how to implement the server in PHP. I ended up reading a lot of the HTML5 specs in order to make the server work properly, which it did. I later posted a video demo of this simulator in YouTube, since I don’t have a server that I can just let this run in order to do a live demo.

---

Google Chrome App

While this might not be the greatest web app in the history of the internet, I did enjoy making this simple app. This was my very first Google Chrome app, which is still being hosted at the Chrome Web Store as a free install. As of this writing, my fortune cookie app is the top downloaded app in all of Chrome Web Store that tells you your fortune without you having to pay for a meal at a Chinese restaurant =)

---

Music Festival Admin System

Another class project at school. This web app was built for a real company, though I’m not sure if they use my implementation today. There’s a local parent and teacher association that hosts annual music festivals for young boys and girls. All of their teacher registration, payment system, festival registration, etc. was done by hand, so I wrote an automated, user-friendly online version to help them. The system allows teachers to become registered teachers within the association, make their payments online, and register their students to the annual festival. System administrators could use the system to set up events, along with all of the little details associated with it.

---

Online Image Editor with HTML5

This simple little app is part of my research for my Senior Project. My project deals with computer vision, and the purpose of this application was for me to better learn how to use the HTML5 canvas, as well as various image manipulation algorithms and techniques. As of this writing, the application applies blurring filters, edge detection filters, and some general purpose color distribution filters. The app was written in HTML5 (Javascript).

View HTML5 Image Editor Demo

---

DOM Animation with Collision Detection

This is one old app that I wrote in Javascript as a quick test to determine if animation HTML divs was possibly more efficient than animating native geometry inside a canvas object. In this test I was representing each DOM element (the divs) as a custom object within the Javascript. Each object had a unique (random) size, direction, and speed. The blocks bounced off the corners of the browser window, and changed color whenever it collided with another block. My conclusion at the time was that this kind of basic DOM animation (by which I mean “DOM abuse”) is not too badly inefficient. However, anything more complex than this (for example, applying CSS features like border-radius or a background image) would drastically kill the performance. Since then I have seen the acceptance of, and learned more about Web GL, which is the obvious way to animate in the browser.

View collision detection demo