port to react and better error handling in backend

1 files changed, 25 insertions, 0 deletions

diff --git a/client/src/App.js b/client/src/App.js
new file mode 100644
index 0000000..135a037
--- /dev/null
+++ b/client/src/App.js
@@ -0,0 +1,25 @@
+import React, {useState} from 'react';
+import './App.css';
+import Title from './Components/Title';
+import Form from './Components/Form';
+import ResponseContainer from './Components/ResponseContainer';
+import shortid from 'shortid';
+
+function App() {
+    const [requests, setRequests] = useState([]);
+
+    const addRequest = (newRequest) => {
+        const newRequests = [{url: newRequest, key: shortid.generate()}, ...requests];
+        setRequests(newRequests.slice(0, 2));
+    }
+
+    return (
+        <div>
+            <Title/>
+            <Form addRequest={addRequest}/>
+            <ResponseContainer requests={requests}/>
+        </div>
+    );
+}
+
+export default App;