all folder and other file created

tonmoycoder · tonmoycoder · commit de79b786edc0 · 2022-10-26T20:55:07.000+06:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,6 +8,8 @@
     "@testing-library/user-event": "^13.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-hot-toast": "^2.4.0",
+    "react-router-dom": "^6.4.2",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
   },
diff --git a/public/index.html b/public/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="https://play-lh.googleusercontent.com/XDiye8wlBGFoAkxAyoxB5mPidDLtvViBBA9-DXWPmD6NxltrhFFTdJK2Eiv_h7EvaFc" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Fire Education</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/src/App.js b/src/App.js
@@ -1,9 +1,11 @@
+import { RouterProvider } from 'react-router-dom';
 import './App.css';
+import { routes } from './Routes/Routes';
 
 function App() {
   return (
     <div>
-      
+      <RouterProvider router={routes}></RouterProvider>
     </div>
   );
 }
diff --git a/src/Components/Pages/Home/Home.css b/src/Components/Pages/Home/Home.css
diff --git a/src/Components/Pages/Home/Home.js b/src/Components/Pages/Home/Home.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import './Home.css'
+
+const Home = () => {
+    return (
+        <div>
+            <h2>This is Home</h2>
+        </div>
+    );
+};
+
+export default Home;
diff --git a/src/Components/Shared/Header/Header.css b/src/Components/Shared/Header/Header.css
diff --git a/src/Components/Shared/Header/Header.js b/src/Components/Shared/Header/Header.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import './Header.css'
+
+const Header = () => {
+    return (
+        <div>
+            <h1>This is a header</h1>
+        </div>
+    );
+};
+
+export default Header;
diff --git a/src/Components/Shared/SideNav/SideNav.js b/src/Components/Shared/SideNav/SideNav.js
diff --git a/src/Context/AuthProvider/AuthProvider.js b/src/Context/AuthProvider/AuthProvider.js
@@ -0,0 +1,11 @@
+import React from 'react';
+
+const AuthProvider = () => {
+    return (
+        <div>
+            
+        </div>
+    );
+};
+
+export default AuthProvider;
diff --git a/src/Layouts/Main.js b/src/Layouts/Main.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import { Outlet } from 'react-router-dom';
+import Header from '../Components/Shared/Header/Header';
+
+const Main = () => {
+  return (
+    <>
+      <Header></Header>
+      <Outlet></Outlet>
+    </>
+  );
+};
+
+export default Main;
diff --git a/src/Routes/Routes.js b/src/Routes/Routes.js
@@ -0,0 +1,17 @@
+import { createBrowserRouter } from "react-router-dom";
+import Home from "../Components/Pages/Home/Home";
+import Main from "../Layouts/Main";
+
+export const routes = createBrowserRouter([
+
+    {
+        path: '/',
+        element: <Main></Main>,
+        children: [
+            {
+                path: '/',
+                element: <Home></Home>
+            }
+        ]
+    }
+])
