Stickplan is a simple application for organizing Scrum boards. User will be able to crate new Scrum board, create stickers inside this Scrum board, change those categories to "todo", "in progress" and "done" and delete individual stickers.
Final product should look like this:
Your actions in this project can be separated to a several task groups:
- create HAML and SCSS markup based on already created mockups. Also you should create and use WebFonts.
- prepear and use WebFonts (using FontSquirrel's WebFont Generator).
- create database structure and all App-related Rails files: routes, modules, controllers.
- create and implement Backbone suite to handle user's interactions inside applications.
- write RSpec tests for Rails's models and controllers.
- setup and implement Travis CI integration (and place cool green badge in README =))
- publish application at Heroku.com
Creating new scrum board: after visiting front page of Application user should be redirected to a new scrum board
with unique address and ID (just like http://stickplan.heroku.com/2aSdn0). After page loads cursor should be focused on
project's name field:
After this user should have possibility to create new stickers inside this Scrum board.
Working with existing Scrum board: if user comes directly to already existed Scrum board (visiting Scrum board's address) he shoud see all stickers that he already created inside this Scrum board. Also he shoud see Scrum board's title.
Creating new stickers inside Scrum board: user can create new stickers inside Scrum board clicking on the stickers prototype:
After clicking sticker with no text and randomly selected color of background should appear in "todo" section. After new sticker appears focus shoud be set to a textarea inside sticker and user should have possibility to enter sticker's text. In database we shouuld store sticker's text and background color.
Edition of already existed stickers: User can edit sticker's text. To do this he need to doublecklick at sticker. After this sticker's text should be replaced by textarea with sticker's text inside. Focus shoud be set inside this textarea. After edition new sticker's text should be saved o a database after focus move off the textarea.
Moving sticker into categories: Sticker can be moved to another category ("in progress" or "done") with drag and drop.
Deleting sticker: Sticker can be removed. For this user must hover sticker and deletion icon should appear:
After clicking on deletion icon sticker should be removed from database and from view.
- HAML
- SCSS
- Backbone
- RSpec-Rails
- jQuery
- jQuery UI library
- CSS3 (gradients, shadows etc.)
PSD files:
Fonts:
Prepeared images:
