Introducing: Bitbucket Cards

By on May 22, 2012

Today I’m excited to announce Bitbucket Cards (www.bitbucketcards.com). This project management tool lets you visualize and manage your Bitbucket issues on one easy-to-use, intuitive dashboard.

How does it work?

When you first log in to Bitbucket Cards, the Dashboard view will display the projects you’re following on Bitbucket. From this view, you can click through to a card-wall view of the issue tracker of each project.

The top navigation bar persists across the app’s two screens and provides you easy access to your projects, the repositories you are following, and team members you wish to invite.

Once you’re on the project page, you can drag and drop issues between columns to transition them, or drag and drop them between versions to manage your iterations.You can even drag and drop entire columns to rearrange your workflow.

A background task runs periodically to check if an issue has been updated. Bitbucket Cards will prompt you to refresh the card wall if someone else has updated an issue either through Bitbucket Cards or through the issue tracker in Bitbucket.

Columns and their rules are totally customisable. Add/remove columns at will, and set column rules to organise issues by:

Bitbucket Cards will default with four columns based on issue status: New, On Hold, In Progress, and Resolved. Nonetheless, you can customize Bitbucket Cards to whichever way fits your development workflow. For example, you might have a column for each member of your team, so you can see how the team’s work is distributed and easily shift cards between your team members.

Did you know?

Bitbucket’s REST API allows for some pretty awesome control over a Bitbucket repository’s issues, and Bitbucket’s OAuth support means users don’t need to register an account with Bitbucket Cards on top of their Bitbucket account — a huge win. The only additional content created and stored by Bitbucket Cards is your column configuration, which is almost entirely driven through the data associated with issues on Bitbucket. Bitbucket’s REST API made building this app a breeze.

The app is written in Python using the Flask micro framework, but is predominantly client-side javascript. jQuery UI was used for all the drag and drop functionality, and Twitter Bootstrap was used for various UI components.

I want to get started!

Click the button below to try Bitbucket Cards out today.

Note: BitbucketCards is a Bitbucket Labs project that I worked on during my 20% time. It is not yet fully supported by Atlassian or Bitbucket. Please be sure to raise any issues on my card wall and I’ll do my best to get to them quickly.

 

  • Anonymous Coward

    The images look broken to me. Chrome 19.0.1084.46, Mac OS X 10.7.

    • Charles McLaughlin

      Thanks for pointing this out.  The images were loading off a staging server.  It’s fixed now. 

  • Wicaksono

    fix the images https://extranet.atlassian.com/login.action?os_destination=%2Fdownload%2Fattachments%2F1978016224%2Fbbcards-project.png%3Fversion%3D1%26modificationDate%3D1333366526075

  • Guest

    Just created a test project – how can I delete it ?

  • http://gokmengorgen.net/ Gökmen Görgen

    the site is giving oauth_token_secret KeyError. i think, debug mode is true.

  • http://nielsbusch.dk/ Niels Sandholt Busch

    Just what we needed. Awesome!

  • David Vega

    Two usability suggestions:

    1) Do not always ask to change the responsible each time the ticket is moved from a column
    2) As the user scrolls down the page, make the column title float at the top of the screen so that the user doesn’t need to scroll back recheck the names of the columns

    Great job, I hope this more agile dashboard makes it into production soon!. Some jab at github this will be.

  • http://twitter.com/__tosh Thomas Schranz

    A really cool project that shows what’s possible with the bitbucket API. We at https://www.blossom.io interestingly built a similar product on a similar tech stack:

    * Google App Engine
    * Flask (python micro framework)
    * Backbone.js, jQuery, Underscore.js
    * Twitter bootstrap
    * Coffeescript

    A great combination of open source tools that make rapid application development fun again :)

  • Kyle

    It’s a shame that even this doesn’t allow you to view issues from all of your projects.

  • Lidstromso

    Prodigal play
    gold, such as dung, Hing family but unfortunately fecal such as gold.

    Burst drink
    gluttoney easy to get sick, regular quantitative security Corning.

    Behind is not to
    discuss face to face without advocates.

    Louboutin UK

    Christian
    Louboutin Sale

    Christian
    Louboutin Sale UK

    http://
    http://www.louboutinukonline.co.uk

  • Daniel F

    This looks great, but is there a chance it will ever be open sourced, or fully supported? I’d hate to rely on something and enter all that data into something that’s not one or the other…

  • http://twitter.com/designermonkey John Porter

    This is really cool work here. Is there any chance it would ever be included in Bitbucket Issues as a view that could be switched on or off? Or even a dashboard for a user in Bitbucket?

    Also, is there a way to see all the issues from all the projects at the same time?

  • conrad

    I can only see 50 or so issues from my list of over 200, even though I’ve set the filter up so that I should see them all. Any ideas what I could be doing wrong? Otherwise, this is an awesome tool!

  • http://chris-schmitz.com/ Chris Schmitz

    I noticed the site is no longer available. Did you guys shut this down permanently?

  • Anonymous

    Application error, is this project still alive?

  • Anonymous

    Does anybody knows what happend to this projects?
    it gives me error 500

  • Anonymous

    So, this was discontinued I guess? bitbucketcards.com points to a broken page right now.

  • Stuart Bloom

    Looks great. Is there anyway to associate a check-in with an issue?