Quick user stories and HTML5 storage

by Andrew on May 4, 2011

After reading Mike Cohn’s post “Advantages of the ‘as a’, ‘I want’ user story template” I started thinking about the simplest and quickest way to create and capture stories. I’ve been using Evernote a lot recently and it’s a good place to keep a simple backlog that you can access anywhere. To have any advantage over using Excel, Evernote or Greenhopper directly the authoring step has to be very simple. The screen capture below shows how stories are displayed and you can try theĀ live demo.

Quick user story creation in a browser

I’m using this as a learning exercise so I’ll continue with it, but some feedback would help me test my ideas and learn if anyone is interested enough to take a look at the code. I’ve focused on HTML5 local storage when building this page so that your stories are available next time you visit. Next I’ll make sure stories display in the order they were added when you return and clear the editable content when you begin to type.

Browser local storage has a lot of potential for prototyping. Having a simple way to persist data that overcomes cookie size limitations means you can try some relatively complex interactions using just HTML5 and javascript before launching into a fully fledged application. Smashing Magazine has a nice primer for local storage.


Have you considered any of the options under http://microjs.com/#storage ?

Also: http://help.github.com/linux-set-up-git/

by Phil Wilson on May 17, 2011 at 9:48 pm. #

I wasn’t aware of that site, thanks for that.

I plan to use github to publish the output of my ruby learning. I’m going to implement examples of design patterns and share them on github. Seems like a good way to extend the knowledge I’ve gained by doing the rubylearning.org course.

by Andrew on May 18, 2011 at 8:09 am. #

link is broken, needs http://

If you push this HTML to github it will be easier to submit patches.

by Phil Wilson on May 18, 2011 at 4:18 pm. #

Leave your comment


Required. Not published.

If you have one.