[FEAT]: created auth provider and private router

src/context/providers/AuthProvider.jsx

@@ -0,0 +1,32 @@
+import React, { useEffect } from "react";
+import { createContext, useContext, useState } from "react";
+
+const AuthContext = createContext();
+
+export const AuthProvider = ({ children }) => {
+  const [userDB, setUserDB] = useState(
+    JSON.parse(localStorage.getItem("usersInfo")) || []
+  );
+
+  const [authenticated, setAuthenticated] = useState(
+    JSON.parse(localStorage.getItem("authenticated")) || false
+  );
+
+  useEffect(() => {
+    localStorage.setItem("usersInfo", JSON.stringify(userDB));
+  }, [userDB]);
+
+  useEffect(() => {
+    localStorage.setItem("authenticated", JSON.stringify(authenticated));
+  }, [authenticated]);
+
+  return (
+    <AuthContext.Provider
+      value={{ userDB, setUserDB, authenticated, setAuthenticated }}
+    >
+      {children}
+    </AuthContext.Provider>
+  );
+};
+
+export const useAuth = () => useContext(AuthContext);

src/routes/PrivateRouter.jsx

@@ -0,0 +1,17 @@
+import { Navigate, useLocation } from "react-router-dom";
+
+import React from "react";
+
+const PrivateRouter = ({ children }) => {
+  const authenticated = localStorage.getItem("authenticated");
+
+  let location = useLocation();
+
+  return authenticated ? (
+    children
+  ) : (
+    <Navigate to="/" state={{ from: location }} replace />
+  );
+};
+
+export default PrivateRouter;

src/routes/WebsiteRoutes.jsx

@@ -1,13 +1,32 @@
 import React from "react";
 import { Routes, Route } from "react-router-dom";
-import { Home, TaskDetails, Tasks } from "../pages";
+import { useAuth } from "../context";
+import { Home, Login, Signup, TaskDetails, Tasks } from "../pages";
+import PrivateRouter from "./PrivateRouter";
 
 const WebsiteRoutes = () => {
+  const { authenticated } = useAuth();
+
   return (
     <Routes>
-      <Route path="/" element={<Home />} />
-      <Route path="/tasks" element={<Tasks />} />
-      <Route path="/tasks/:taskId" element={<TaskDetails />} />
+      <Route path="/signup" element={<Signup />} />
+      <Route path="/" element={authenticated ? <Home /> : <Login />} />
+      <Route
+        path="/tasks"
+        element={
+          <PrivateRouter>
+            <Tasks />
+          </PrivateRouter>
+        }
+      />
+      <Route
+        path="/tasks/:taskId"
+        element={
+          <PrivateRouter>
+            <TaskDetails />
+          </PrivateRouter>
+        }
+      />
     </Routes>
   );
 };