PivotCards
Do less work for your work. Powered by Pivotal Tracker API.
Table of Contents
Introduction
I decided to take on this project to build a useful application that uses an remote API to update the DOM. Pivotal Tracker's API was a great choice as it is an amazing agile resource. It's been a blast learning the Pivotal Tracker API and quickly became a meta app making process. As it evolved, I was using the app I making to efficently make the app I'm using :) This process has also taught me the ins and outs of building a clean UI that is satisfying to use!
- Status badges update to reflect story status
Features
A few of the things you can do with PivotCards:
-
View user stories including story name & gravtar of person completing task
-
See which stories are
Bugs (Red stripe on left border of card)
Chores (Blue stripe on left border of card)
Features (Yellow stripe on left border of card) -
Story Badges to quickly tell if a story is:
Unscheduled
Unstarted
Started
Accepted
Finished -
Drag stories from one column to the next to easily change the stories state
-
Simplified columns for "To Do", "In Progress", "Ready For Review, and "Done"
-
Each story name is also direct link to the Pivotal Tracker URL for that story
-
Responsive layout using CSS Grid
- Lighnting fast changes sync on the right in Pivotal Tracker
Configuration
After cloning this repo from Github, you will need to create a config.js file in the project's root folder containing:
var config = {
MY_API_KEY: 'YOUR_API_KEY_FROM_PIVOTAL_TRACKER'
}
Your Pivotal Tracker API token can be located within your Profile settings at the bottom of the page.
Feedback
Feel free to send me feedback on Twitter. Feature requests are always welcome.