First Working Version

gilteitelbaum · Sep 8, 2020 · def75fe · def75fe
1 parent f9e2f92
commit def75fe
Show file tree

Hide file tree

Showing 11 changed files with 534 additions and 10 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -6,11 +6,17 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
+    "axios": "^0.20.0",
     "bootstrap": "^4.5.2",
+    "jquery": "^3.5.1",
+    "popper.js": "^1.16.1",
     "react": "^16.13.1",
+    "react-bootstrap": "^1.3.0",
     "react-dom": "^16.13.1",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "3.4.3"
+    "react-scripts": "3.4.3",
+    "react-toastify": "^6.0.8",
+    "typescript": "^4.0.2"
   },
   "scripts": {
     "start": "react-scripts start",

diff --git a/src/App.css b/src/App.css
@@ -2,6 +2,9 @@
   text-align: center;
 }
 
-.container {
-  margin-top: 5px;
+.header{
+  background-color: #337ab7;
+  color: white;
+  padding: 5px 0px;
+  margin: 0px 0px 20px 0px;
 }
diff --git a/src/App.js b/src/App.js
@@ -4,10 +4,16 @@ import './App.css';
 import Movies from "./components/movies";
 import MovieDetails from "./components/movieDetails";
 import NotFound from "./components/notFound";
+import { ToastContainer} from "react-toastify";
+import 'react-toastify/dist/ReactToastify.css'
 
 function App() {
   return (
     <div className="App">
+    <ToastContainer />
+      <header className="header">
+        <h1>OMDB-API Search Movies</h1>
+      </header>
       <main className="container">
         <Switch>
           <Route path="/movies/:id" component={MovieDetails}></Route>