September 20th, 2011

DropCheck: A magic checklist using Dropbox and Knockout.js

Posted in Mobile |

Ever created a todo list in a .txt file, then popped it into Dropbox for iPhone viewing?

I do it all the time! That’s why I created DropCheck.

 

DropCheck

DropCheck is a web app that turns lines in a .txt file into checkable lines in a nice web app interface.

It’s tailored specifically for grocery shopping, as this is a common use case for me.
You have the ability to tick off each item as it goes in your shopping cart (“Yes”).
Or you can mark it as sold out (“No”).

At the bottom you can move the checked items to the bottom of the list, so you have them out of sight.
The web app also remembers the state of the list even though you close it.
To re-connect to the Dropbox .txt-file you just click the “Reset to Dropbox file” link.

Installation:

To install, unzip the DropCheck folder into your Dropbox public folder, then get the public link of the file called dropcheck.htm:

 

Visit the public URL in Safari on your iPhone and save it to your homescreen:

    

 

Now, when you visit the DropCheck app, you’ll see the contents of the dropcheck-list.txt file turned into a checkable list.

Enjoy!

 

UPDATE for Windows users:

Kasper Hyllested pointed out to me, that there was an issue with international characters when saving the .txt-file from Notepad on Windows.

To fix this, you must force notepad to save using UTF-8 encoding of characters (instead of ANSI):

flattr this!

4 Responses to “DropCheck: A magic checklist using Dropbox and Knockout.js”

  1. Jakob says:

    Performance has been improved a little. Please download again and overwrite the DropCheck folder in your dropbox.
    If you have installed the webapp on your iPhone, it will automatically use the new code.

  2. Chris says:

    Is there an easy way to make save back to dropbox? So you could work with multiple lists at one time?

  3. Jakob says:

    Hi Chris,

    I don’t think it’s possible to save directly back to Dropbox.
    But it would probably be possible to split the view into multiple lists – although they would have to be maintained in a single file on dropbox with some special notation to split the list (eg. “—” or whatever).

    Alternatively you would have to type in the names of the files manually in the app.
    To my knowledge, there’s no way to ask the Dropbox public folder to present a list of available files.

  4. Jakob says:

    I’ve added the source code to Github, so anyone who wants to fork it can now do so:
    https://github.com/jakobloekke/Dropcheck

Leave a Reply