Drag and Drop features TO_DO App

Drag and Drop features TO_DO App

Please use the following credentials and log into  Asana.com  (don't worry this is a demo Account created for testing ), 
username : gautamx07@yahoo.com
password : gautam

basically its task management online cloud application . it has a 
few really cool animations and effects , that i would love to incorporate in my application . I am not sure this is possible , and i might be going over the top here , but if theres no harm in trying , i'd like to try . 

So here are the features that i liked and would love to incorporate :

when you logging , u'll see i have entered 3 tasks . 

1 -  When you hover over any of the tasks , look towards the left of the tasks , you'll see three things 
- a user icon 
    - a Checkbox
- a Drang and drop Icon 
 i was really fasinated by the drag and drop icon ! , so thats my 1st question , how could i have a feature like that on my barebone app ? i mean i can just drag any task and drop it in anywhere i want :) 
 
2. The second cool feature - now Tick mark any tasks and you will notice that theres a split  secound animation on the "tick mark" 
and than 2 things happen : 
  - The task fades out 
  - The a small box appears at the bottom asking you if                                you wanna undo the changes you just made ?
  as of now i am really interested in creating that cool effect of the "Tick mark" enlaring and the task fading out . 

(the secound task may probably need me to customize the checkbox itself ).

how do i go about doing all this ? the 1st task in perticular ? would i need some library or extension or something , i really donno . 

 here is my To_Do app as it looks so far . 
 -  link  .

The code can be found on github . 
 -  Link

Thank you