404 page added

pixelplace/src/App.js

@@ -10,6 +10,7 @@ import {
     ProtectedRoute,
     Home,
     Posts,
+    NotFound,
 } from "./components/index";
 import { useUserAuth } from "./context/UserAuthContext";
 import { BeatLoader } from "react-spinners";
@@ -52,6 +53,7 @@ function App() {
                             </ProtectedRoute>
                         }
                     />
+                    <Route path="*" element={<NotFound />} />
                 </Routes>
             </div>
         );

pixelplace/src/components/NotFound/NotFound.js

@@ -0,0 +1,11 @@
+const NotFound = () => {
+    return (
+        <div className="flex justify-center text-7xl font-logo items-center max-w-md px-2 md:px-0 sm:max-w-lg md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-7xl mx-auto w-full mt-40">
+            <p>
+                Error Page <span className="text-stroke text-white">Not Found</span>
+            </p>
+        </div>
+    );
+};
+
+export default NotFound;

pixelplace/src/components/index.js

@@ -6,6 +6,7 @@ export { default as SignUp } from "./Auth/SignUp";
 export { default as Home } from "./Home/Home";
 export { default as Like } from "./Like/Like";
 export { default as Navbar } from "./Navbar/Navbar";
+export { default as NotFound } from "./NotFound/NotFound";
 export { default as PostDetails } from "./Posts/PostDetails/PostDetails";
 export { default as PostItem } from "./Posts/PostItem/PostItem";
 export { default as Posts } from "./Posts/Posts";