diff --git a/index.html b/index.html
new file mode 100644
index 0000000..1ca371d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+ MontpellierJS - ToDo List!
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..03353be
--- /dev/null
+++ b/package.json
@@ -0,0 +1,34 @@
+{
+ "name": "react-intro",
+ "version": "1.0.0",
+ "description": "An Introduction to ReactJS, maintained and amended by MontpellierJS Team",
+ "main": "index.js",
+ "scripts": {
+ "test": "echo \"Error: no test specified\" && exit 1",
+ "watch": "watchify -t [ babelify --presets [ react es2015 ] ] ./src/index.js -o ./build/bundle.js"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/MontpellierJS/react-intro.git"
+ },
+ "keywords": [
+ "tutorial",
+ "introduction"
+ ],
+ "author": "MontpellierJS",
+ "license": "ISC",
+ "bugs": {
+ "url": "https://github.com/MontpellierJS/react-intro/issues"
+ },
+ "homepage": "https://github.com/MontpellierJS/react-intro#readme",
+ "dependencies": {
+ "react": "^0.14.6",
+ "react-dom": "^0.14.6"
+ },
+ "devDependencies": {
+ "babel-preset-es2015": "^6.3.13",
+ "babel-preset-react": "^6.3.13",
+ "babelify": "^7.2.0",
+ "watchify": "^3.7.0"
+ }
+}
diff --git a/src/components/TodoApp.js b/src/components/TodoApp.js
new file mode 100644
index 0000000..cf942e2
--- /dev/null
+++ b/src/components/TodoApp.js
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export default function TodoApp(props) {
+ return (
+
+ Todo : Build The App
+
+ )
+}
diff --git a/src/index.js b/src/index.js
new file mode 100644
index 0000000..065df99
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,5 @@
+import React from 'react'
+import { render } from 'react-dom'
+import TodoApp from './components/TodoApp'
+
+render((),document.getElementById('app'))
\ No newline at end of file