Web Sticky Notes First Cut
Friday, 2nd July 2010
I have been very busy recently working on a simple sticky-note application, written in ASP.NET MVC, HTML 5, CSS 3 and jQuery. The application is basically an online white-board with virtual yellow-sticky-notes on it. You can configure your white-board by adding swim-lanes and you can drag the sticky-notes between the swim-lanes to keep them organised.
Typically, this application would be used as a collaborative to-do list, where the sticky-notes represent tasks that need to be done.
The hierarchy is as follows. You can have one or many projects, which represent the main reason that you have a to-do list. Beneath a project you have many swim-lanes (or streams), which represent stages in the life of a task, such as "Not Started", "In Progress" or "Done". You then add your tasks and start moving them from stream-to-stream as you work on them. Each task contains some basic information, including a percentage complete so you can indicate how far you've got with it.
There's still a load of features I would like to add to Web Sticky Notes, but the basic framework is there. It's complete enough now that I am actually tracking the Web Sticky Notes development tasks using Web Sticky Notes! The screen shot above is taken from the in-progress application.
If you want to have a quick look head on over to www.webstickynotes.co.uk and use the following user-name and password:
User Name: email@example.com
Please note that due to extensive use of funky new HTML features, this demo will only work in Firefox, Chrome, Safari and similar browsers that support HTML 5 and CSS 3. If you have Internet Explorer, you will need version 9 (currently pre-release) to view the site.
The demo account is also restricted, so you won't be able to play with the tasks unless they are allocated to "Demo Account".
I'd love to hear any comments on this project!