Merge pull request #10 from chimobi-justice/auth-api

integrated with  auth api

.env

@@ -0,0 +1 @@
+VITE_API_BASE_URL=http://learn-hub-backend.test/api/v1

.env.sample

@@ -0,0 +1 @@
+VITE_API_BASE_URL=

package.json

@@ -14,14 +14,18 @@
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@tanstack/react-query": "^5.50.1",
+    "axios": "^1.7.2",
+    "formik": "^2.4.6",
     "framer-motion": "^11.2.13",
     "highlight.js": "^11.10.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-icons": "^5.2.1",
     "react-markdown": "^9.0.1",
     "react-quill": "^2.0.0",
-    "react-router-dom": "^6.24.1"
+    "react-router-dom": "^6.24.1",
+    "react-toastify": "^10.0.5",
+    "yup": "^1.4.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",

src/App.tsx

@@ -21,6 +21,7 @@ import UserViews from '@pages/Users/UserViews'
 
 import Login from '@pages/Auth/Login'
 import Register from '@pages/Auth/Register'
+import PrivateRoutes from './Route/privateRoute'
 
 const routes = createBrowserRouter(
   createRoutesFromElements(
@@ -29,15 +30,17 @@ const routes = createBrowserRouter(
         <Route index path='/' element={<Home />} />
         <Route index path='/forum' element={<Forum />} />
         <Route index path='/forum/:slug' element={<ShowForum />} />
-        <Route index path='/forum/new' element={<CreateForum />} />
 
         <Route index path='/articles' element={<Articles />} />
         <Route index path='/articles/:slug' element={<ShowArticle />} />
-        <Route index path='/articles/new' element={<CreateArticle />} />
 
-        <Route index path='/me/:username' element={<Profile />} />
-        <Route index path='/me/settings/account/edit' element={<ProfileEdit />} />
-        <Route index path='/me/views/:username' element={<UserViews />} />
+        {/* private route */}
+        <Route path="/articles/new" element={<PrivateRoutes element={<CreateArticle />} />} />
+        <Route path="/forum/new" element={<PrivateRoutes element={<CreateForum />} />} />
+        <Route path="/me/:username" element={<PrivateRoutes element={<Profile />} />} />
+        <Route path="/me/settings/account/edit" element={<PrivateRoutes element={<ProfileEdit />} />} />
+        <Route path="/me/views/:username" element={<PrivateRoutes element={<UserViews />} />} />
+        {/* end private route */}
 
         <Route index path='/auth/login' element={<Login />} />
         <Route index path='/auth/register' element={<Register />} />
@@ -50,7 +53,7 @@ const routes = createBrowserRouter(
 
 const App = () => {
   return (
-    <RouterProvider router={routes}/>
+    <RouterProvider router={routes} />
   )
 }