diff --git a/README.md b/README.md
new file mode 100644
index 0000000..45d6de1
--- /dev/null
+++ b/README.md
@@ -0,0 +1,51 @@
+# A simple example of Polymer project with hot reloading
+
+## To test it
+
+```
+$ npm install
+```
+
+and then
+
+```
+$ bower install
+```
+
+or 
+
+```
+$ ./node_modules/.bin/bower install
+```
+
+in case you don't have [bower](TBD) installed globally.
+
+Finally, simply start the service
+
+```
+$npm start
+```
+
+and modify the component. The browser will be reloaded dynamically as you modify code.
+
+## How it works
+
+The project simply make use of [browser-sync](TBD).
+
+The actual command line used is the following:
+
+```
+$ browser-sync start --server app -f app --serveStatic bower_components --no-notify
+```
+
+* The command expects your code / project to be sitting in the `app` folder. Change as desired
+* `bower_components` files will be served synamically, which means you don't need to reference the `bower_components folder when using external dependencies`.
+ 
+
+## Author
+
+* Julien Lengrand-Lambert <@jlengrand>
+
+## LICENSE
+
+See LICENSE file
\ No newline at end of file
diff --git a/app/components/another-component/another-component.html b/app/components/another-component/another-component.html
new file mode 100644
index 0000000..d11efa7
--- /dev/null
+++ b/app/components/another-component/another-component.html
@@ -0,0 +1,20 @@
+<link rel="import" href="/polymer/polymer.html">
+
+<dom-module id="another-component">
+    <template>
+        <style>
+            :host {
+                display: block;
+            }
+        </style>
+
+        <h1>Another example</h1>
+        <p>This is another component, embedded inside the example-component</p>
+        
+    </template>
+    <script>
+        Polymer({
+            is: 'another-component'
+        });
+    </script>
+</dom-module>
\ No newline at end of file
diff --git a/app/components/example-component/example-component.html b/app/components/example-component/example-component.html
index 9a274f0..73a49f3 100644
--- a/app/components/example-component/example-component.html
+++ b/app/components/example-component/example-component.html
@@ -1,4 +1,5 @@
 <link rel="import" href="/polymer/polymer.html">
+<link rel="import" href="/app/components/another-component/another-component.html">
 
 <dom-module id="example-component">
     <template>
@@ -11,6 +12,8 @@
         <h1>Example</h1>
         <p>This is an example almost empty component</p>
         
+        <another-component></another-component>
+
     </template>
     <script>
         Polymer({
diff --git a/app/index.html b/app/index.html
index b3862d1..72a1980 100644
--- a/app/index.html
+++ b/app/index.html
@@ -6,8 +6,6 @@
     </head>
     <script src="webcomponentsjs/webcomponents-lite.js"></script>
     
-    <link rel="stylesheet" href="index.css">
-
     <link rel="import" href="components/example-component/example-component.html">
     
     <body>
diff --git a/package.json b/package.json
index 07d6637..aacf466 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
   "scripts": {
     "start": "browser-sync start --server app -f app --serveStatic bower_components --no-notify"
   },
-  "author": "Julien Lengrand-Lambert <julien.lengrand-lambert@ing.nl>",
+  "author": "Julien Lengrand-Lambert <julien@lengrand.fr>",
   "license": "MIT",
   "devDependencies": {
     "browser-sync": "^2.18.12",
