Merge pull request prasadhonrao#71 from prasadhonrao:feature/issue-70

Define basic page and component structure. Define route accordingly.

Closes prasadhonrao#70

ui/src/App.js

@@ -1,26 +1,48 @@
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import Layout from './components/Layout';
+
 import HomePage from './pages/HomePage';
-import LoginPage from './pages/LoginPage';
-import RegisterPage from './pages/RegisterPage';
 import AboutPage from './pages/AboutPage';
-import BootcampsPage from './pages/BootcampsPage';
-import AddBootcampPage from './pages/AddBootcampPage';
-import AddReviewPage from './pages/AddReviewPage';
+import NotFoundPage from './pages/NotFoundPage';
+
+import LoginPage from './pages/user/LoginPage';
+import RegisterPage from './pages/user/RegisterPage';
+import UserDetailsPage from './pages/user/UserDetailsPage';
+
+import BootcampsPage from './pages/bootcamps/BootcampsPage';
+import BootcampDetailsPage from './pages/bootcamps/BootcampDetailsPage';
+
+import ManageBootcampPage from './pages/bootcamps/ManageBootcampPage';
+import AddBootcampPage from './pages/bootcamps/AddBootcampPage';
+
+import ManageCoursesPage from './pages/bootcamps/ManageCoursesPage';
+import AddCoursePage from './pages/bootcamps/AddCoursePage';
+
+import BootcampReviewsPage from './pages/bootcamps/BootcampReviewsPage';
+import ManageReviewsPage from './pages/bootcamps/ManageReviewsPage';
+import AddReviewPage from './pages/bootcamps/AddReviewPage';
 
 function App() {
   return (
     <Router>
       <Layout />
       <div>
         <Routes>
-          <Route exact path="/" element={<HomePage />} />
-          <Route exact path="/login" element={<LoginPage />} />
-          <Route exact path="/register" element={<RegisterPage />} />
+          <Route path="/" element={<HomePage />} />
           <Route path="/about" element={<AboutPage />} />
+          <Route path="/login" element={<LoginPage />} />
+          <Route path="/register" element={<RegisterPage />} />
+          <Route path="/user/:userId" element={<UserDetailsPage />} />
           <Route path="/bootcamps" element={<BootcampsPage />} />
+          <Route path="/bootcamps/:bootcampId" element={<BootcampDetailsPage />} />
           <Route path="/bootcamps/add" element={<AddBootcampPage />} />
+          <Route path="/bootcamps/:bootcampId/manage" element={<ManageBootcampPage />} />
+          <Route path="/bootcamps/:bootcampId/courses/add" element={<AddCoursePage />} />
+          <Route path="/bootcamps/:bootcampId/courses/manage" element={<ManageCoursesPage />} />
+          <Route path="/bootcamps/:bootcampId/reviews" element={<BootcampReviewsPage />} />
+          <Route path="/bootcamps/:bootcampId/reviews/manage" element={<ManageReviewsPage />} />{' '}
           <Route path="/bootcamps/:bootcampId/reviews/add" element={<AddReviewPage />} />
+          <Route path="*" element={<NotFoundPage />} />
         </Routes>
       </div>
     </Router>

ui/src/pages/NotFoundPage.jsx

@@ -0,0 +1,5 @@
+const NotFoundPage = () => {
+  return <div>Not Found Page</div>;
+};
+
+export default NotFoundPage;

ui/src/pages/bootcamps/AddCoursePage.jsx

@@ -0,0 +1,5 @@
+const AddCoursePage = () => {
+  return <div>Add Course Page</div>;
+};
+
+export default AddCoursePage;

ui/src/pages/bootcamps/BootcampDetailsPage.jsx

@@ -0,0 +1,5 @@
+const BootcampDetailsPage = () => {
+  return <div>Bootcamp Details Page</div>;
+};
+
+export default BootcampDetailsPage;

ui/src/pages/bootcamps/BootcampReviewsPage.jsx

@@ -0,0 +1,5 @@
+const BootcampReviewsPage = () => {
+  return <div>Bootcamp Reviews Page</div>;
+};
+
+export default BootcampReviewsPage;

ui/src/pages/BootcampsPage.jsx → ui/src/pages/bootcamps/BootcampsPage.jsx

@@ -1,4 +1,4 @@
-const BrowseBootcampsPage = () => {
+const BootcampsPage = () => {
   return (
     <section className="browse my-5">
       <div className="container">
@@ -193,4 +193,4 @@ const BrowseBootcampsPage = () => {
   );
 };
 
-export default BrowseBootcampsPage;
+export default BootcampsPage;

ui/src/pages/bootcamps/ManageBootcampPage.jsx

@@ -0,0 +1,5 @@
+const ManageBootcampPage = () => {
+  return <div>Manage Bootcamp Page</div>;
+};
+
+export default ManageBootcampPage;

ui/src/pages/bootcamps/ManageCoursesPage.jsx

@@ -0,0 +1,5 @@
+const ManageCoursesPage = () => {
+  return <div>Manage Courses Page</div>;
+};
+
+export default ManageCoursesPage;

ui/src/pages/bootcamps/ManageReviewsPage.jsx

@@ -0,0 +1,5 @@
+const ManageReviewsPage = () => {
+  return <div>Manage Reviews Page</div>;
+};
+
+export default ManageReviewsPage;

ui/src/pages/user/UserDetailsPage.jsx

@@ -0,0 +1,10 @@
+const UserDetailsPage = () => {
+  return (
+    <div>
+      <p>User Details Page</p>
+      <p>Add Update password functionality here</p>
+    </div>
+  );
+};
+
+export default UserDetailsPage;