Added all files

package.json

@@ -6,8 +6,11 @@
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
+ "axios": "^1.3.4",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
+ "react-loader-spinner": "^5.3.4",
+ "react-router-dom": "^6.8.2",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
  },
@@ -34,5 +37,8 @@
  "last 1 firefox version",
  "last 1 safari version"
  ]
+ },
+ "devDependencies": {
+ "tailwindcss": "^3.2.7"
  }
 }

src/App.js

@@ -1,24 +1,46 @@
 import logo from './logo.svg';
 import './App.css';
-
+import NavBar from './components/NavBar';
+import Banner from './components/Banner';
+import Movies from './components/Movies';
+import Pagination from './components/Pagination';
+import {BrowserRouter,Routes,Route} from "react-router-dom"
+import Favourites from './components/Favourites';
+import Pagenotfound from './components/Pagenotfound';
 function App() {
  return (
- <div className="App">
- <header className="App-header">
- <img src={logo} className="App-logo" alt="logo" />
- <p>
- Edit <code>src/App.js</code> and save to reload.
- </p>
- <a
- className="App-link"
- href="https://reactjs.org"
- target="_blank"
- rel="noopener noreferrer"
- >
- Learn React
- </a>
- </header>
- </div>
+ <>
+ <BrowserRouter>
+ {/* <h1>Hello react</h1> */}
+ <NavBar></NavBar>
+
+ <Routes>
+ <Route path="/" element={
+ <>
+ <Banner></Banner>
+ <Movies></Movies>
+
+ </>
+ } ></Route>
+
+ <Route path="*" elemnent={
+ <Pagenotfound></Pagenotfound>
+ } ></Route>
+
+
+ <Route path="/fav" element={
+ <Favourites></Favourites>
+ } ></Route>
+
+
+
+ </Routes>
+
+ </BrowserRouter>
+
+
+ </>
+
  );
 }