Menu bar with 3 tabs

qp-generator-frontend/.eslintcache

@@ -1 +1 @@
-[{"/Users/ecom-akbar.h-mac/Documents/TT/QP-Generator/qp-generator-frontend/src/index.js":"1","/Users/ecom-akbar.h-mac/Documents/TT/QP-Generator/qp-generator-frontend/src/App.js":"2","/Users/ecom-akbar.h-mac/Documents/TT/QP-Generator/qp-generator-frontend/src/Components/Navbar.js":"3"},{"size":228,"mtime":1607424956153,"results":"4","hashOfConfig":"5"},{"size":192,"mtime":1607424956151,"results":"6","hashOfConfig":"5"},{"size":695,"mtime":1607424956152,"results":"7","hashOfConfig":"5"},{"filePath":"8","messages":"9","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"4xuv0k",{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/ecom-akbar.h-mac/Documents/TT/QP-Generator/qp-generator-frontend/src/index.js",[],"/Users/ecom-akbar.h-mac/Documents/TT/QP-Generator/qp-generator-frontend/src/App.js",[],"/Users/ecom-akbar.h-mac/Documents/TT/QP-Generator/qp-generator-frontend/src/Components/Navbar.js",[]]
+[{"D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\index.js":"1","D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\App.js":"2","D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\Components\\Navbar.js":"3","D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\Components\\Menubar\\Help.jsx":"4","D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\Components\\Menubar\\BloomLogic.jsx":"5","D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\Components\\Menubar\\Main.jsx":"6","D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\Components\\Menubar\\QP.jsx":"7","D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\containers\\Menubar\\CustomNavbar.jsx":"8"},{"size":271,"mtime":1607430873704,"results":"9","hashOfConfig":"10"},{"size":356,"mtime":1607432570245,"results":"11","hashOfConfig":"10"},{"size":695,"mtime":1607427115685,"results":"12","hashOfConfig":"10"},{"size":79,"mtime":1607425177544,"results":"13","hashOfConfig":"10"},{"size":91,"mtime":1607425170863,"results":"14","hashOfConfig":"10"},{"size":574,"mtime":1607431712876,"results":"15","hashOfConfig":"10"},{"size":151,"mtime":1607431561149,"results":"16","hashOfConfig":"10"},{"size":1559,"mtime":1607432224511,"results":"17","hashOfConfig":"10"},{"filePath":"18","messages":"19","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},"jup82v",{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"23","messages":"24","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},{"filePath":"25","messages":"26","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},{"filePath":"27","messages":"28","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},{"filePath":"29","messages":"30","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},{"filePath":"31","messages":"32","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},{"filePath":"33","messages":"34","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\index.js",[],["35","36"],"D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\App.js",[],"D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\Components\\Navbar.js",[],"D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\Components\\Menubar\\Help.jsx",[],"D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\Components\\Menubar\\BloomLogic.jsx",[],"D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\Components\\Menubar\\Main.jsx",[],"D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\Components\\Menubar\\QP.jsx",[],"D:\\Studies\\Intern preparation\\Compunet Connections\\QP-Generator\\qp-generator-frontend\\src\\containers\\Menubar\\CustomNavbar.jsx",[],{"ruleId":"37","replacedBy":"38"},{"ruleId":"39","replacedBy":"40"},"no-native-reassign",["41"],"no-negated-in-lhs",["42"],"no-global-assign","no-unsafe-negation"]

qp-generator-frontend/package.json

@@ -6,9 +6,13 @@
     "@testing-library/jest-dom": "^5.11.6",
     "@testing-library/react": "^11.2.2",
     "@testing-library/user-event": "^12.3.0",
+    "bootstrap": "^4.5.3",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
+    "react-router": "^5.2.0",
+    "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.1",
+    "reactstrap": "^8.7.1",
     "web-vitals": "^0.2.4"
   },
   "scripts": {

qp-generator-frontend/src/App.js

@@ -1,10 +1,18 @@
 // import logo from './logo.svg';
-import Navbar from './Components/Navbar'
+
+import { BrowserRouter } from "react-router-dom";
+
+import Navbar from "./Components/Navbar";
+import Main from "./Components/Menubar/Main";
 // import './App.css';
+
 function App() {
   return (
     <div>
-      <Navbar />
+      <BrowserRouter>
+        <Navbar />
+        <Main />
+      </BrowserRouter>
     </div>
   );
 }

qp-generator-frontend/src/Components/Menubar/BloomLogic.jsx

@@ -0,0 +1,4 @@
+import React from "react";
+
+const BloomLogic = () => <></>;
+export default BloomLogic;

qp-generator-frontend/src/Components/Menubar/Help.jsx

@@ -0,0 +1,4 @@
+import React from "react";
+
+const Help = () => <></>;
+export default Help;

qp-generator-frontend/src/Components/Menubar/Main.jsx

@@ -0,0 +1,21 @@
+import React from "react";
+import { Switch, Route, Redirect } from "react-router-dom";
+
+import Navbar from "../../containers/Menubar/CustomNavbar";
+import QuestionPaper from "./QP";
+import BloomLogic from "./BloomLogic";
+import Help from "./Help";
+
+const Main = () => (
+  <>
+    <Navbar />
+    <Switch>
+      <Route path="/questionPaper" component={QuestionPaper} />
+      <Route path="/bloomLogic" component={BloomLogic} />
+      <Route path="/help" component={Help} />
+      <Redirect to="/landingPage" />
+    </Switch>
+  </>
+);
+
+export default Main;

qp-generator-frontend/src/Components/Menubar/QP.jsx

@@ -0,0 +1,6 @@
+import React from "react";
+
+const QP = () => (
+  <div className="text-center mt-4">Welcome To Question Paper Section</div>
+);
+export default QP;