Adding footer and header components

application.tsx

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { Animation } from './animation';
+import { ListToPlay } from './playable/playables';
+import { FullList } from './animations/fullList';
+import { Header } from './header';
+import { Footer } from './footer';
+
+export interface ApplicationProps { }
+
+export class Application extends React.Component<ApplicationProps, {}> {
+    render() {
+        return <div>
+                <Header text="My first React Application"/>
+                <section className="list-to-play">
+                  <h1>Playable List</h1>
+                  <ListToPlay/>
+                </section>
+                <section className="animation">
+                  <h1>Animation</h1>
+                  <Animation />
+                </section>
+                <section className="full-list">
+                  <h1>Choosing List</h1>
+                  <FullList/>
+                </section>                
+                 <Footer text="Learning ReactJS" link="https://github.com/reactjs"/>                
+               </div>;
+
+    }
+}

footer.tsx

@@ -0,0 +1,12 @@
+import * as React from "react";
+
+export interface ILink	 { text: string,
+						   link: string }
+
+export class Footer extends React.Component<ILink, void> {
+    render() {
+        return <footer>
+        			<a href={this.props.link}>{this.props.text}</a>
+        	   </footer>
+    }
+}

header.tsx

@@ -0,0 +1,9 @@
+import * as React from "react";
+
+export interface IText { text: string }
+
+export class Header extends React.Component<IText, void> {
+    render() {
+        return <h1>{this.props.text}</h1>
+    }
+}

package.json

@@ -0,0 +1,30 @@
+{
+  "name": "proj",
+  "version": "1.0.0",
+  "description": "ejemplo",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "webpack",
+    "start:dev": "webpack-dev-server"
+  },
+  "author": "Jotaoncode",
+  "license": "ISC",
+  "dependencies": {
+    "classnames": "^2.2.5",
+    "events": "^1.1.1",
+    "flux": "^2.1.1",
+    "material-ui": "^0.15.1",
+    "react": "^15.2.0",
+    "react-addons-update": "^15.2.1",
+    "react-dom": "^15.2.0",
+    "ts-eventemitter": "^0.1.0"
+  },
+  "devDependencies": {
+    "retyped-classnames-tsd-ambient": "0.0.0-0",
+    "source-map-loader": "^0.1.5",
+    "ts-loader": "^0.8.2",
+    "webpack": "^1.13.1",
+    "webpack-dev-server": "^1.14.1"
+  }
+}