Add bootstrap and react-bootstrap. Move App to the dedicated folder

.gitignore

-node_modules/
-# See https://help.github.com/ignore-files/ for more about ignoring files.
-
 # dependencies
 /node_modules
 

package.json

@@ -2,8 +2,11 @@
   "name": "typos-react",
   "version": "0.1.0",
   "private": true,
+
   "dependencies": {
+    "bootstrap": "^3.3.7",
     "react": "^16.4.1",
+    "react-bootstrap": "^0.32.1",
     "react-dom": "^16.4.1",
     "react-scripts": "1.1.4"
   },
@@ -13,4 +16,4 @@
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject"
   }
-}
\ No newline at end of file
+}

src/App.js → src/App/index.js

 import React, { Component } from 'react';
+import { Panel } from 'react-bootstrap'
 import './App.css';
 
 class App extends Component {
   render() {
     return (
-      <div>Etersoft typos client</div>
+      <div className="es-typo-window">
+        <Panel bsStyle="primary">
+          <Panel.Heading>Etersoft Typos</Panel.Heading>
+          <Panel.Body>You want to correct this typo: $s</Panel.Body>
+          <Panel.Footer>Panel footer!</Panel.Footer>
+        </Panel>
+      </div>
     );
   }
 }

src/index.js

 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './App';
+
+import 'bootstrap/dist/css/bootstrap.css'
+import 'bootstrap/dist/css/bootstrap-theme.css'
+
+import App from './App/';
+
 import registerServiceWorker from './registerServiceWorker';
 
 ReactDOM.render(<App />, document.getElementById('typos-window'));