diff --git a/Client/package-lock.json b/Client/package-lock.json
index 73edbf7fb..9fc7a39c1 100644
--- a/Client/package-lock.json
+++ b/Client/package-lock.json
@@ -25,7 +25,8 @@
         "react-dom": "^18.2.0",
         "react-redux": "9.1.2",
         "react-router": "^6.23.0",
-        "react-router-dom": "^6.23.1"
+        "react-router-dom": "^6.23.1",
+        "react-toastify": "^10.0.5"
       },
       "devDependencies": {
         "@types/react": "^18.2.66",
@@ -2647,7 +2648,6 @@
       "integrity": "sha512-NglN/xprcM+SHD2XCli4oC6bWe6kHoytcyLKCWXmRL854F0qhPhaYgUswUsglnPxYaNQIg2uMY4BvaomIf3kLA==",
       "dev": true,
       "license": "ISC"
-
     },
     "node_modules/error-ex": {
       "version": "1.3.2",
@@ -4672,6 +4672,18 @@
         "react-dom": ">=16.8"
       }
     },
+    "node_modules/react-toastify": {
+      "version": "10.0.5",
+      "resolved": "https://registry.npmjs.org/react-toastify/-/react-toastify-10.0.5.tgz",
+      "integrity": "sha512-mNKt2jBXJg4O7pSdbNUfDdTsK9FIdikfsIE/yUCxbAEXl4HMyJaivrVFcn3Elvt5xvCQYhUZm+hqTIu1UXM3Pw==",
+      "dependencies": {
+        "clsx": "^2.1.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/react-transition-group": {
       "version": "4.4.5",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
diff --git a/Client/package.json b/Client/package.json
index 505fe25d8..546b138cf 100644
--- a/Client/package.json
+++ b/Client/package.json
@@ -27,7 +27,8 @@
     "react-dom": "^18.2.0",
     "react-redux": "9.1.2",
     "react-router": "^6.23.0",
-    "react-router-dom": "^6.23.1"
+    "react-router-dom": "^6.23.1",
+    "react-toastify": "^10.0.5"
   },
   "devDependencies": {
     "@types/react": "^18.2.66",
diff --git a/Client/src/Components/Notifications/index.css b/Client/src/Components/Notifications/index.css
new file mode 100644
index 000000000..e69de29bb
diff --git a/Client/src/Components/Notifications/index.jsx b/Client/src/Components/Notifications/index.jsx
new file mode 100644
index 000000000..b2bf09fb9
--- /dev/null
+++ b/Client/src/Components/Notifications/index.jsx
@@ -0,0 +1,10 @@
+import { ToastContainer, toast } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
+
+const Notification = () => {
+  return <ToastContainer />;
+};
+
+export const notify = (message) => toast(message);
+
+export default Notification;