Desk in a Browser

One of my older projects; the goal was to recreate the functionality of a physical desk in a browser. The background was resulted from an attempt to make a seamless woodgrain pattern, and the navbar was suposed to "feel" like decorated leather. Neither of those were quite perfect, but the end result still turned out well. To add a sticky note, just drag one down from the bar. Sticky notes could be removed with the remove icon, which along with the pin color selection are shown when hovering over the top of the note.

Notable features include:

  • Movable sticky notes, with six different pin colors.
  • The ability to password protect a "workspace." (Can leave passwords off, or add passwords for read-only and/or write access)

Main technologies used: PHP (particularly the filesystem functions), jQuery UI, CSS

View the project