react-router

package.json

@@ -7,11 +7,14 @@
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
     "axios": "^0.21.4",
+    "bootstrap": "^5.1.1",
     "react": "^17.0.2",
+    "react-bootstrap": "^2.0.0-rc.0",
     "react-dom": "^17.0.2",
     "react-google-login": "^5.2.2",
     "react-redux": "^7.2.5",
     "react-router": "^5.2.1",
+    "react-router-dom": "^5.3.0",
     "react-scripts": "4.0.3",
     "react-strap": "0.0.1",
     "redux": "^4.1.1",

src/App.js

@@ -1,10 +1,21 @@
 import "./App.css";
+import {BrowserRouter as Router, Switch,Route} from 'react-router-dom'
 import LoginPage from "./Pages/Login";
+import Sample from "./Pages/Sample";
 
 function App() {
-  return <div className="App">
-    <LoginPage/>
-  </div>;
+  return(
+  <Router>
+    <Switch>
+     <Route path='/' exact>
+      <Sample/>
+     </Route>
+     <Route path='login' exact>
+     <LoginPage/>
+     </Route>
+    </Switch>
+  </Router>
+  )
 }
 
 export default App;

src/Components/CurationCard/CurationCard.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+import {Card,Button, Row, Col, Container} from 'react-bootstrap'
+import { Link } from 'react-router-dom'
+import styles from './CurationCard.module.css';
+export default function CurationCard({upvotes,title,description,subject,author}) {
+    return (
+        <Card>
+
+</Card>
+    )
+}

src/Pages/Sample.jsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import CurationCard from '../Components/CurationCard/CurationCard'
+
+export default function Sample() {
+    return (
+        <div>
+            <CurationCard/>
+        </div>
+    )
+}