gif added

README.md

@@ -1,12 +1,30 @@
 # Z-Editor
 
-A tool to edit and create your formal [Z-notations](https://en.wikipedia.org/wiki/Z_notation) documents.
+A tool to edit and create your formal [Z-notation](https://en.wikipedia.org/wiki/Z_notation) documents.
 
-Inspired from [draft-wysiwyg](https://github.com/bkniffler/draft-wysiwyg) and [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg).
+Try the **[Demo](https://z-editor.github.io/)**
 
-### Functionalites
+Original repo is from [Open-SL](https://github.com/Open-SL) and inspired from [draft-wysiwyg](https://github.com/bkniffler/draft-wysiwyg) and [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg).
 
-iconic schemas were created using [draft.js](https://draftjs.org/) blocks.
+### Getting started
+
+```
+git clone https://github.com/Z-Editor/Z-Editor.git
+cd Z-Editor
+npm start
+```
+
+in your console run
+```
+npm run build
+``` 
+to build the project
+
+to be more familiarized with the react boilerplate find getting started from [create-react-app](https://github.com/facebookincubator/create-react-app#getting-started)
+
+### Functionalities
+
+Iconic schemas were created using [draft.js](https://draftjs.org/) blocks.
 
 you can find,
 
@@ -18,11 +36,13 @@ you can find,
 - Sequences
 - Bags
 
-notations in Z-Editor
+notations in Z-Editor toolbar
+
+Rich Text Utilities were added make your life more easier
 
 ### Todo
 - implement a method to print the Z script
-- loose the coupling between rdw and Z-Editor
+- loose the coupling between rdw and Z-Editor (current version of **react-draft-wysiwyg** doesn't support ref and few problems were the reasons to add the edited version of [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg))
 
 ## Something Missing?
 

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "ztool",
+  "name": "z-editor",
   "version": "0.1.0",
   "private": true,
   "author": "nadun1indunil@gmail.com",

src/App.js

@@ -3,20 +3,17 @@ import ZEditor from './editor/editor'
 import './App.css';
 
 class App extends Component {
-    onClick() {
-    this.setState({childVisible: !this.state.childVisible});
-    }
 
     render() {
         return (
             <div className="flex-container">
               <div className="head">
                     <div className="logo">Z-Editor</div>
-                    <a className="github-button" href="https://github.com/Open-SL/Z-TOOL" target="_blank">
+                    <a className="github-button" href="https://github.com/Z-Editor/Z-Editor" target="_blank">
                         View on Github
                     </a>
                     <button className="button">
-                        See JSON
+                        Print
                     </button>
                 </div>