diff --git a/src/components/App/App.js b/src/components/App/App.js
index 9282283..89b513b 100644
--- a/src/components/App/App.js
+++ b/src/components/App/App.js
@@ -1,6 +1,20 @@
 import React, { Component } from 'react';
+import ContactsList from './contacts.json'
 
 class App extends Component {
+constructor(props){
+  super(props)
+
+this.state = {
+  datalist: []
+}
+
+
+
+}
+
+
+
   render() {
     return <div className="App">
         <p>app</p>
diff --git a/src/contacts.json b/src/contacts.json
index 4fb136e..83780f5 100644
--- a/src/contacts.json
+++ b/src/contacts.json
@@ -51,5 +51,9 @@
     "name": "Wile E. Coyote",
     "email": "wile_e@acme.com",
     "profile_picture": "https://upload.wikimedia.org/wikipedia/en/3/3c/Wile_E._Coyote.svg"
+  }, {
+    "name": "Tweety",
+    "email": "tweety@gmail.com",
+    "profile_picture": "https://upload.wikimedia.org/wikipedia/en/0/02/Tweety.svg"
   }
 ]
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 9e5c6b1..3f108c6 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,7 +2,11 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import './styles/index.css';
 import App from './components/App/App';
-
+import { BrowserRouter as Router } from "react-router-dom";
 import contacts from "./contacts.json";
 
-ReactDOM.render(<App />, document.getElementById('root'));
+ReactDOM.render(
+    <Router>
+    <App />
+  </Router>,
+document.getElementById('root'));