Some basic state changes

3 files changed, 29 insertions, 2 deletions

diff --git a/README.md b/README.md
index e767845..c1ada61 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,7 @@
 # qrgen.xyz
+
+## Dev
+
+```bash
+$ npm run dev
+```
diff --git a/index.js b/index.js
index 73d47e6..df632d8 100644
--- a/index.js
+++ b/index.js
@@ -1,4 +1,24 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
 
-ReactDOM.render(<h1>Hello World</h1>, document.getElementById('root'))
+class Qrgen extends React.Component {
+
+    constructor (props) {
+        super(props)
+        this.state = {
+            'text': 'abcde'
+        }
+    }
+
+    render () {
+        return <div id='root'>
+            <h1>qrgen</h1>
+            <input type='text' value={this.state.text} onChange={(e) => {
+                this.setState({ text: e.target.value })
+            }}></input>
+            <p>{this.state.text}</p>
+        </div>
+    }
+}
+
+ReactDOM.render(<Qrgen />, document.getElementById('root'))
diff --git a/package.json b/package.json
index 1fc7597..a3a1792 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,8 @@
     "webpack-dev-server": "^1.14.1"
   },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "./node_modules/webpack-dev-server/bin/webpack-dev-server.js"
   },
   "repository": {
     "type": "git",