diff --git a/README.md b/README.md
index 786d965..825aebb 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,20 @@
 # scrum-board
-JavaScript Scrum App to manage tasks with ease
+JavaScript Scrum App to manage tasks with ease.
+
+> Warning : It uses localstorage to store your tasks, make sure you don't clean up your Local Storage for this app atleast.
+
+#### Setup
+- Clone Application by typing the following command in your terminal `git@github.com:i-break-codes/scrum-board.git`
+- Install node modules - `npm install`
+- Compile Assets - `gulp`
+
+#### More to come
+- [ ] Edit task title
+- [ ] Set tasks priority
+- [ ] Import / Export tasks
+- [ ] Remember expanded/collapsed state of a task
+- [ ] Database / Websockets for collab board
+
+#### Support
+- Bugs and requests, submit them through the project's issues section
+- Questions? DM or Tweet me [@mr_ali3n](https://twitter.com/mr_ali3n)
\ No newline at end of file
diff --git a/app/assets/images/info.svg b/app/assets/images/info.svg
new file mode 100644
index 0000000..9787886
--- /dev/null
+++ b/app/assets/images/info.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 111.577 111.577" style="enable-background:new 0 0 111.577 111.577;" xml:space="preserve" width="512px" height="512px">
+<g>
+	<path d="M78.962,99.536l-1.559,6.373c-4.677,1.846-8.413,3.251-11.195,4.217c-2.785,0.969-6.021,1.451-9.708,1.451   c-5.662,0-10.066-1.387-13.207-4.142c-3.141-2.766-4.712-6.271-4.712-10.523c0-1.646,0.114-3.339,0.351-5.064   c0.239-1.727,0.619-3.672,1.139-5.846l5.845-20.688c0.52-1.981,0.962-3.858,1.316-5.633c0.359-1.764,0.532-3.387,0.532-4.848   c0-2.642-0.547-4.49-1.636-5.529c-1.089-1.036-3.167-1.562-6.252-1.562c-1.511,0-3.064,0.242-4.647,0.71   c-1.59,0.47-2.949,0.924-4.09,1.346l1.563-6.378c3.829-1.559,7.489-2.894,10.99-4.002c3.501-1.111,6.809-1.667,9.938-1.667   c5.623,0,9.962,1.359,13.009,4.077c3.047,2.72,4.57,6.246,4.57,10.591c0,0.899-0.1,2.483-0.315,4.747   c-0.21,2.269-0.601,4.348-1.171,6.239l-5.82,20.605c-0.477,1.655-0.906,3.547-1.279,5.676c-0.385,2.115-0.569,3.731-0.569,4.815   c0,2.736,0.61,4.604,1.833,5.597c1.232,0.993,3.354,1.487,6.368,1.487c1.415,0,3.025-0.251,4.814-0.744   C76.854,100.348,78.155,99.915,78.962,99.536z M80.438,13.03c0,3.59-1.353,6.656-4.072,9.177c-2.712,2.53-5.98,3.796-9.803,3.796   c-3.835,0-7.111-1.266-9.854-3.796c-2.738-2.522-4.11-5.587-4.11-9.177c0-3.583,1.372-6.654,4.11-9.207   C59.447,1.274,62.729,0,66.563,0c3.822,0,7.091,1.277,9.803,3.823C79.087,6.376,80.438,9.448,80.438,13.03z" fill="#FFDA44"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/index.html b/index.html
index 74efefe..63b4c11 100644
--- a/index.html
+++ b/index.html
@@ -44,7 +44,7 @@
             </a>
           </li>
           <li data-tooltip="Github" class="github-ref">
-            <a href="#">
+            <a href="https://github.com/i-break-codes/scrum-board" target="_blank">
               <img src="app/assets/images/github.svg" alt="">
             </a>
           </li>
@@ -86,6 +86,10 @@
       </div>
     </div>
     
+    <div class="hide" id="tips">
+      Double click on the task text to edit it
+    </div>
+    
     <script id="task-card-template" type="text/x-handlebars-template">
       {{#each this}}
         <div class="card" data-task-id="{{id}}">
@@ -102,7 +106,7 @@
     
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
-    <script src="app/assets/scripts/handlebars-v4.0.5.js"></script>
+    <script src="app/assets/scripts/lib/handlebars-v4.0.5.js"></script>
     <script src="app/assets/scripts/localstorage.js"></script>
     <script src="app/assets/scripts/app.js"></script>
   </body>
diff --git a/src/scripts/app.js b/src/scripts/app.js
index ad1fd74..6ec24f3 100644
--- a/src/scripts/app.js
+++ b/src/scripts/app.js
@@ -1,5 +1,6 @@
 var App = function() {
   function init() {
+    tips();
     preset();
     draggable();
     droppable();
@@ -193,6 +194,17 @@ var App = function() {
     }
   }
   
+  function tips() {
+    if(!JSON.parse(LocalStorage.get('showedTip'))) {
+      $('#tips').removeClass('hide').addClass('tips');
+    }
+    
+    $('#tips').on('click', function() {
+      $(this).addClass('hide');
+      LocalStorage.set('showedTip', true);
+    });
+  }
+  
   return {
     init: init,
     getAllNotes: getAllNotes
diff --git a/src/stylesheets/app.scss b/src/stylesheets/app.scss
index 8348cdc..4535a69 100644
--- a/src/stylesheets/app.scss
+++ b/src/stylesheets/app.scss
@@ -527,4 +527,52 @@ footer {
     height: 29px;
     width: 29px;
   }
+}
+
+.onboard {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, .7);
+  z-index: 2;
+}
+
+.onboard-modal {
+  height: 300px;
+  width: 450px;
+  background-color: #fff;
+  border-radius: 3px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.tips {
+  position: absolute;
+  bottom: 90px;
+  right: -280px;
+  font-size: 13px;
+  background-color: rgba(0,0,0,.3);
+  padding: 10px;
+  border-radius: 3px;
+  padding-left: 25px;
+  opacity: 0;
+  animation: showTips 500ms ease-in forwards;
+  cursor: pointer;
+  background: {
+    image: url('../images/info.svg');
+    position: 4px center;
+    size: 16px;
+    repeat: no-repeat;
+  }
+}
+
+@keyframes showTips {
+  to {
+    right: 20px;
+    opacity: 1;
+  }
 }
\ No newline at end of file