Main

client/package.json

@@ -13,7 +13,8 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hot-toast": "^2.4.1",
-    "react-router-dom": "^7.0.0"
+    "react-router-dom": "^7.0.0",
+    "socket.io-client": "^4.8.3"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.1",

client/src/App.jsx

@@ -1,19 +1,31 @@
 import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
 import { Toaster } from 'react-hot-toast';
 import { AuthProvider } from './context/AuthContext';
+import { SocketProvider } from './context/SocketContext';
+import { NotificationProvider } from './context/NotificationContext';
 import ProtectedRoute from './components/ProtectedRoute';
 import AuthLayout from './components/AuthLayout';
+import DashboardLayout from './components/layout/DashboardLayout';
 import LoginPage from './pages/LoginPage';
 import RegisterPage from './pages/RegisterPage';
 import UserPage from './pages/UserPage';
 import QueryPage from './pages/QueryPage';
+import DashboardHome from './pages/DashboardHome';
+import AskQuestion from './pages/AskQuestion';
+import MyQuestions from './pages/MyQuestions';
+import QuestionDetail from './pages/QuestionDetail';
+import AnswerCenter from './pages/AnswerCenter';
+import AdminArea from './pages/AdminArea';
 import './styles/auth.css';
+import Leaderboard from './pages/Leaderboard'
 
 export default function App() {
   return (
     <BrowserRouter>
       <AuthProvider>
-        <Toaster
+        <SocketProvider>
+          <NotificationProvider>
+            <Toaster
           position="top-right"
           toastOptions={{
             duration: 4000,
@@ -30,28 +42,32 @@ export default function App() {
           }}
         />
         <Routes>
+          {/* Public routes */}
           <Route path="/login" element={<AuthLayout><LoginPage /></AuthLayout>} />
           <Route path="/register" element={<AuthLayout><RegisterPage /></AuthLayout>} />
-          <Route
-            path="/user"
-            element={
-              <ProtectedRoute>
-                <UserPage />
-              </ProtectedRoute>
-            }
-          />
-          <Route
-            path="/query"
-            element={
-              <ProtectedRoute>
-                <QueryPage />
-              </ProtectedRoute>
-            }
-          />
+
+          {/* Standalone pages */}
+          <Route path="/user" element={<ProtectedRoute><UserPage /></ProtectedRoute>} />
+          <Route path="/query" element={<ProtectedRoute><QueryPage /></ProtectedRoute>} />
+
+          {/* Dashboard layout routes */}
+          <Route element={<ProtectedRoute><DashboardLayout /></ProtectedRoute>}>
+            <Route path="/dashboard" element={<DashboardHome />} />
+            <Route path="/ask-question" element={<AskQuestion />} />
+            <Route path="/my-questions" element={<MyQuestions />} />
+            <Route path="/questions/:id" element={<QuestionDetail />} />
+            <Route path="/answer-center" element={<AnswerCenter />} />
+            <Route path="/admin" element={<AdminArea />} />
+	    <Route path="/leaderboard" element={<Leaderboard />} />
+          </Route>
+
+          {/* Redirects */}
           <Route path="/" element={<Navigate to="/user" replace />} />
-          <Route path="*" element={<Navigate to="/user" replace />} />
+          <Route path="*" element={<Navigate to="/dashboard" replace />} />
         </Routes>
+          </NotificationProvider>
+        </SocketProvider>
       </AuthProvider>
     </BrowserRouter>
   );
-}
+}

client/src/api/searchApi.js

@@ -1,12 +1,21 @@
 import api from './axios';
 
+const suggestionsCache = new Map();
+const searchCache = new Map();
+
 export async function searchFAQs(query) {
+  const key = query.toLowerCase().trim();
+  if (searchCache.has(key)) return searchCache.get(key);
   const { data } = await api.post('/search', { query });
+  searchCache.set(key, data);
   return data;
 }
 
 export async function getSuggestions(query) {
+  const key = query.toLowerCase().trim();
+  if (suggestionsCache.has(key)) return suggestionsCache.get(key);
   const { data } = await api.get(`/search/suggestions?q=${encodeURIComponent(query)}`);
+  suggestionsCache.set(key, data);
   return data;
 }
 
@@ -18,4 +27,4 @@ export async function askFAQ(query, history = []) {
 export async function sendFeedback(faqId, helpful) {
   const { data } = await api.post('/faqs/feedback', { faqId, helpful });
   return data;
-}
+}

client/src/components/ConfirmModal.jsx

@@ -0,0 +1,34 @@
+export default function ConfirmModal({ open, title, message, confirmLabel, cancelLabel, variant, onConfirm, onCancel }) {
+  if (!open) return null;
+  return (
+    <div onClick={onCancel} style={{
+      position: 'fixed', inset: 0, zIndex: 99999,
+      background: 'rgba(0,0,0,0.5)',
+      display: 'flex', alignItems: 'center', justifyContent: 'center',
+    }}>
+      <div onClick={e => e.stopPropagation()} style={{
+        background: 'var(--bg-card)', borderRadius: 'var(--radius-md)',
+        padding: 28, width: 420, maxWidth: '90vw',
+        boxShadow: '0 25px 60px rgba(0,0,0,0.3)',
+        display: 'flex', flexDirection: 'column', gap: 16,
+      }}>
+        {title && <h3 style={{ fontSize: 17, fontWeight: 700, margin: 0 }}>{title}</h3>}
+        <div style={{ fontSize: 14, color: 'var(--text-secondary)', lineHeight: 1.6 }}>{message}</div>
+        <div style={{ display: 'flex', gap: 10, justifyContent: 'flex-end', marginTop: 4 }}>
+          <button onClick={onCancel} style={{
+            padding: '9px 20px', borderRadius: 'var(--radius-sm)',
+            border: '1px solid var(--border)', background: 'transparent',
+            color: 'var(--text-secondary)', fontSize: 14, fontWeight: 600,
+            cursor: 'pointer', fontFamily: 'inherit',
+          }}>{cancelLabel || 'Cancel'}</button>
+          <button onClick={onConfirm} style={{
+            padding: '9px 20px', borderRadius: 'var(--radius-sm)', border: 'none',
+            background: variant === 'danger' ? '#ef4444' : 'var(--accent)',
+            color: '#fff', fontSize: 14, fontWeight: 600,
+            cursor: 'pointer', fontFamily: 'inherit',
+          }}>{confirmLabel || 'Confirm'}</button>
+        </div>
+      </div>
+    </div>
+  );
+}

client/src/components/FaqAssistant.jsx

@@ -1,8 +1,10 @@
 import { useState, useRef, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
+import { useAuth } from '../context/AuthContext';
 import { searchFAQs } from '../api/searchApi';
 
 export default function FaqAssistant() {
+  const { user } = useAuth();
   const navigate = useNavigate();
   const [open, setOpen] = useState(false);
   const [query, setQuery] = useState('');
@@ -103,7 +105,7 @@ export default function FaqAssistant() {
                     ))}
                   </div>
                 )}
-                {msg.noAnswer && (
+                {msg.noAnswer && user.role !== 'admin' && user.role !== 'super_admin' && (
                   <button
                     className="ym-raise-btn"
                     onClick={() => {

client/src/components/GoogleSignInButton.jsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from 'react';
 
-const CLIENT_ID = '411209099641-5vc33p4ukqnmoo4h1tuvduc323hhc7jl.apps.googleusercontent.com';
+const CLIENT_ID = '595587356763-0pqkro6bjvh86sec3m34pr53ma51nrhh.apps.googleusercontent.com';
 
 export default function GoogleSignInButton({ onSuccess, onError, text = 'Sign in with Google' }) {
   const buttonRef = useRef(null);