feat: Set up RTK query for the statemanagement

Frontend/.vite/deps/_metadata.json

@@ -0,0 +1,142 @@
+{
+  "hash": "2bafedf9",
+  "configHash": "7e00041b",
+  "lockfileHash": "a954eb91",
+  "browserHash": "c3bc7b53",
+  "optimized": {
+    "react": {
+      "src": "../../node_modules/react/index.js",
+      "file": "react.js",
+      "fileHash": "902ee93a",
+      "needsInterop": true
+    },
+    "react-dom/client": {
+      "src": "../../node_modules/react-dom/client.js",
+      "file": "react-dom_client.js",
+      "fileHash": "cfbeda6d",
+      "needsInterop": true
+    },
+    "react-router-dom": {
+      "src": "../../node_modules/react-router-dom/dist/index.js",
+      "file": "react-router-dom.js",
+      "fileHash": "216229fd",
+      "needsInterop": false
+    },
+    "react-redux": {
+      "src": "../../node_modules/react-redux/dist/react-redux.mjs",
+      "file": "react-redux.js",
+      "fileHash": "b9f679da",
+      "needsInterop": false
+    },
+    "@reduxjs/toolkit": {
+      "src": "../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.mjs",
+      "file": "@reduxjs_toolkit.js",
+      "fileHash": "13da79f3",
+      "needsInterop": false
+    },
+    "socket.io-client": {
+      "src": "../../node_modules/socket.io-client/build/esm/index.js",
+      "file": "socket__io-client.js",
+      "fileHash": "ab2fcae8",
+      "needsInterop": false
+    },
+    "react-icons/io": {
+      "src": "../../node_modules/react-icons/io/index.mjs",
+      "file": "react-icons_io.js",
+      "fileHash": "fb80952c",
+      "needsInterop": false
+    },
+    "react-icons/fa6": {
+      "src": "../../node_modules/react-icons/fa6/index.mjs",
+      "file": "react-icons_fa6.js",
+      "fileHash": "da456fb8",
+      "needsInterop": false
+    },
+    "react-icons/ri": {
+      "src": "../../node_modules/react-icons/ri/index.mjs",
+      "file": "react-icons_ri.js",
+      "fileHash": "6e092d47",
+      "needsInterop": false
+    },
+    "react-icons/bs": {
+      "src": "../../node_modules/react-icons/bs/index.mjs",
+      "file": "react-icons_bs.js",
+      "fileHash": "c070a6ed",
+      "needsInterop": false
+    },
+    "react-icons/fa": {
+      "src": "../../node_modules/react-icons/fa/index.mjs",
+      "file": "react-icons_fa.js",
+      "fileHash": "aa81607f",
+      "needsInterop": false
+    },
+    "react-icons/md": {
+      "src": "../../node_modules/react-icons/md/index.mjs",
+      "file": "react-icons_md.js",
+      "fileHash": "60d442c6",
+      "needsInterop": false
+    },
+    "react-icons/io5": {
+      "src": "../../node_modules/react-icons/io5/index.mjs",
+      "file": "react-icons_io5.js",
+      "fileHash": "5d65fe60",
+      "needsInterop": false
+    },
+    "framer-motion": {
+      "src": "../../node_modules/framer-motion/dist/es/index.mjs",
+      "file": "framer-motion.js",
+      "fileHash": "05223771",
+      "needsInterop": false
+    },
+    "react-intersection-observer": {
+      "src": "../../node_modules/react-intersection-observer/dist/index.mjs",
+      "file": "react-intersection-observer.js",
+      "fileHash": "575187c6",
+      "needsInterop": false
+    },
+    "react-chartjs-2": {
+      "src": "../../node_modules/react-chartjs-2/dist/index.js",
+      "file": "react-chartjs-2.js",
+      "fileHash": "07d12b80",
+      "needsInterop": false
+    },
+    "chart.js": {
+      "src": "../../node_modules/chart.js/dist/chart.js",
+      "file": "chart__js.js",
+      "fileHash": "39dbe037",
+      "needsInterop": false
+    },
+    "react-apexcharts": {
+      "src": "../../node_modules/react-apexcharts/dist/react-apexcharts.min.js",
+      "file": "react-apexcharts.js",
+      "fileHash": "2bdb7b94",
+      "needsInterop": true
+    },
+    "react-typewriter-effect": {
+      "src": "../../node_modules/react-typewriter-effect/dist/index.js",
+      "file": "react-typewriter-effect.js",
+      "fileHash": "574603a4",
+      "needsInterop": true
+    }
+  },
+  "chunks": {
+    "chunk-UU7TO5PY": {
+      "file": "chunk-UU7TO5PY.js"
+    },
+    "chunk-2YIK36WJ": {
+      "file": "chunk-2YIK36WJ.js"
+    },
+    "chunk-UHINIFCJ": {
+      "file": "chunk-UHINIFCJ.js"
+    },
+    "chunk-SD42HLFO": {
+      "file": "chunk-SD42HLFO.js"
+    },
+    "chunk-W4EHDCLL": {
+      "file": "chunk-W4EHDCLL.js"
+    },
+    "chunk-EWTE5DHJ": {
+      "file": "chunk-EWTE5DHJ.js"
+    }
+  }
+}

Frontend/.vite/deps/chart__js.js

@@ -0,0 +1,100 @@
+import {
+  Animation,
+  Animations,
+  ArcElement,
+  BarController,
+  BarElement,
+  BasePlatform,
+  BasicPlatform,
+  BubbleController,
+  CategoryScale,
+  Chart,
+  DatasetController,
+  DomPlatform,
+  DoughnutController,
+  Element,
+  Interaction,
+  LineController,
+  LineElement,
+  LinearScale,
+  LogarithmicScale,
+  PieController,
+  PointElement,
+  PolarAreaController,
+  RadarController,
+  RadialLinearScale,
+  Scale,
+  ScatterController,
+  Ticks,
+  TimeScale,
+  TimeSeriesScale,
+  _detectPlatform,
+  adapters,
+  animator,
+  controllers,
+  defaults,
+  elements,
+  index,
+  layouts,
+  plugin_colors,
+  plugin_decimation,
+  plugin_legend,
+  plugin_subtitle,
+  plugin_title,
+  plugin_tooltip,
+  plugins,
+  registerables,
+  registry,
+  scales
+} from "./chunk-2YIK36WJ.js";
+import "./chunk-EWTE5DHJ.js";
+export {
+  Animation,
+  Animations,
+  ArcElement,
+  BarController,
+  BarElement,
+  BasePlatform,
+  BasicPlatform,
+  BubbleController,
+  CategoryScale,
+  Chart,
+  plugin_colors as Colors,
+  DatasetController,
+  plugin_decimation as Decimation,
+  DomPlatform,
+  DoughnutController,
+  Element,
+  index as Filler,
+  Interaction,
+  plugin_legend as Legend,
+  LineController,
+  LineElement,
+  LinearScale,
+  LogarithmicScale,
+  PieController,
+  PointElement,
+  PolarAreaController,
+  RadarController,
+  RadialLinearScale,
+  Scale,
+  ScatterController,
+  plugin_subtitle as SubTitle,
+  Ticks,
+  TimeScale,
+  TimeSeriesScale,
+  plugin_title as Title,
+  plugin_tooltip as Tooltip,
+  adapters as _adapters,
+  _detectPlatform,
+  animator,
+  controllers,
+  defaults,
+  elements,
+  layouts,
+  plugins,
+  registerables,
+  registry,
+  scales
+};
+//# sourceMappingURL=chart__js.js.map

Frontend/.vite/deps/chart__js.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

Frontend/.vite/deps/chunk-EWTE5DHJ.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+export {
+  __esm,
+  __commonJS,
+  __export,
+  __toESM,
+  __toCommonJS,
+  __publicField
+};
+//# sourceMappingURL=chunk-EWTE5DHJ.js.map

Frontend/.vite/deps/chunk-EWTE5DHJ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

Frontend/.vite/deps/chunk-SD42HLFO.js

@@ -0,0 +1,149 @@
+import {
+  require_react
+} from "./chunk-W4EHDCLL.js";
+import {
+  __toESM
+} from "./chunk-EWTE5DHJ.js";
+
+// node_modules/react-icons/lib/iconBase.mjs
+var import_react2 = __toESM(require_react(), 1);
+
+// node_modules/react-icons/lib/iconContext.mjs
+var import_react = __toESM(require_react(), 1);
+var DefaultContext = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+};
+var IconContext = import_react.default.createContext && import_react.default.createContext(DefaultContext);
+
+// node_modules/react-icons/lib/iconBase.mjs
+var _excluded = ["attr", "size", "title"];
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  for (var key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function Tree2Element(tree) {
+  return tree && tree.map((node, i) => import_react2.default.createElement(node.tag, _objectSpread({
+    key: i
+  }, node.attr), Tree2Element(node.child)));
+}
+function GenIcon(data) {
+  return (props) => import_react2.default.createElement(IconBase, _extends({
+    attr: _objectSpread({}, data.attr)
+  }, props), Tree2Element(data.child));
+}
+function IconBase(props) {
+  var elem = (conf) => {
+    var {
+      attr,
+      size,
+      title
+    } = props, svgProps = _objectWithoutProperties(props, _excluded);
+    var computedSize = size || conf.size || "1em";
+    var className;
+    if (conf.className) className = conf.className;
+    if (props.className) className = (className ? className + " " : "") + props.className;
+    return import_react2.default.createElement("svg", _extends({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, conf.attr, attr, svgProps, {
+      className,
+      style: _objectSpread(_objectSpread({
+        color: props.color || conf.color
+      }, conf.style), props.style),
+      height: computedSize,
+      width: computedSize,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), title && import_react2.default.createElement("title", null, title), props.children);
+  };
+  return IconContext !== void 0 ? import_react2.default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
+}
+
+export {
+  GenIcon
+};
+//# sourceMappingURL=chunk-SD42HLFO.js.map

Frontend/.vite/deps/chunk-SD42HLFO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../node_modules/react-icons/lib/iconBase.mjs", "../../node_modules/react-icons/lib/iconContext.mjs"],
+  "sourcesContent": ["var _excluded = [\"attr\", \"size\", \"title\"];\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nimport React from \"react\";\nimport { IconContext, DefaultContext } from \"./iconContext.mjs\";\nfunction Tree2Element(tree) {\n  return tree && tree.map((node, i) => /*#__PURE__*/React.createElement(node.tag, _objectSpread({\n    key: i\n  }, node.attr), Tree2Element(node.child)));\n}\nexport function GenIcon(data) {\n  return props => /*#__PURE__*/React.createElement(IconBase, _extends({\n    attr: _objectSpread({}, data.attr)\n  }, props), Tree2Element(data.child));\n}\nexport function IconBase(props) {\n  var elem = conf => {\n    var {\n        attr,\n        size,\n        title\n      } = props,\n      svgProps = _objectWithoutProperties(props, _excluded);\n    var computedSize = size || conf.size || \"1em\";\n    var className;\n    if (conf.className) className = conf.className;\n    if (props.className) className = (className ? className + \" \" : \"\") + props.className;\n    return /*#__PURE__*/React.createElement(\"svg\", _extends({\n      stroke: \"currentColor\",\n      fill: \"currentColor\",\n      strokeWidth: \"0\"\n    }, conf.attr, attr, svgProps, {\n      className: className,\n      style: _objectSpread(_objectSpread({\n        color: props.color || conf.color\n      }, conf.style), props.style),\n      height: computedSize,\n      width: computedSize,\n      xmlns: \"http://www.w3.org/2000/svg\"\n    }), title && /*#__PURE__*/React.createElement(\"title\", null, title), props.children);\n  };\n  return IconContext !== undefined ? /*#__PURE__*/React.createElement(IconContext.Consumer, null, conf => elem(conf)) : elem(DefaultContext);\n}", "import React from \"react\";\nexport var DefaultContext = {\n  color: undefined,\n  size: undefined,\n  className: undefined,\n  style: undefined,\n  attr: undefined\n};\nexport var IconContext = React.createContext && /*#__PURE__*/React.createContext(DefaultContext);"],
+  "mappings": "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",
+  "names": ["import_react", "React", "r", "React"]
+}

Frontend/.vite/deps/chunk-UU7TO5PY.js

@@ -0,0 +1,172 @@
+import {
+  __commonJS
+} from "./chunk-EWTE5DHJ.js";
+
+// node_modules/object-assign/index.js
+var require_object_assign = __commonJS({
+  "node_modules/object-assign/index.js"(exports, module) {
+    "use strict";
+    var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+    var hasOwnProperty = Object.prototype.hasOwnProperty;
+    var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+    function toObject(val) {
+      if (val === null || val === void 0) {
+        throw new TypeError("Object.assign cannot be called with null or undefined");
+      }
+      return Object(val);
+    }
+    function shouldUseNative() {
+      try {
+        if (!Object.assign) {
+          return false;
+        }
+        var test1 = new String("abc");
+        test1[5] = "de";
+        if (Object.getOwnPropertyNames(test1)[0] === "5") {
+          return false;
+        }
+        var test2 = {};
+        for (var i = 0; i < 10; i++) {
+          test2["_" + String.fromCharCode(i)] = i;
+        }
+        var order2 = Object.getOwnPropertyNames(test2).map(function(n) {
+          return test2[n];
+        });
+        if (order2.join("") !== "0123456789") {
+          return false;
+        }
+        var test3 = {};
+        "abcdefghijklmnopqrst".split("").forEach(function(letter) {
+          test3[letter] = letter;
+        });
+        if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
+          return false;
+        }
+        return true;
+      } catch (err) {
+        return false;
+      }
+    }
+    module.exports = shouldUseNative() ? Object.assign : function(target, source) {
+      var from;
+      var to = toObject(target);
+      var symbols;
+      for (var s = 1; s < arguments.length; s++) {
+        from = Object(arguments[s]);
+        for (var key in from) {
+          if (hasOwnProperty.call(from, key)) {
+            to[key] = from[key];
+          }
+        }
+        if (getOwnPropertySymbols) {
+          symbols = getOwnPropertySymbols(from);
+          for (var i = 0; i < symbols.length; i++) {
+            if (propIsEnumerable.call(from, symbols[i])) {
+              to[symbols[i]] = from[symbols[i]];
+            }
+          }
+        }
+      }
+      return to;
+    };
+  }
+});
+
+// node_modules/prop-types/lib/ReactPropTypesSecret.js
+var require_ReactPropTypesSecret = __commonJS({
+  "node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports, module) {
+    "use strict";
+    var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+    module.exports = ReactPropTypesSecret;
+  }
+});
+
+// node_modules/prop-types/lib/has.js
+var require_has = __commonJS({
+  "node_modules/prop-types/lib/has.js"(exports, module) {
+    module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
+  }
+});
+
+// node_modules/prop-types/checkPropTypes.js
+var require_checkPropTypes = __commonJS({
+  "node_modules/prop-types/checkPropTypes.js"(exports, module) {
+    "use strict";
+    var printWarning = function() {
+    };
+    if (true) {
+      ReactPropTypesSecret = require_ReactPropTypesSecret();
+      loggedTypeFailures = {};
+      has = require_has();
+      printWarning = function(text) {
+        var message = "Warning: " + text;
+        if (typeof console !== "undefined") {
+          console.error(message);
+        }
+        try {
+          throw new Error(message);
+        } catch (x) {
+        }
+      };
+    }
+    var ReactPropTypesSecret;
+    var loggedTypeFailures;
+    var has;
+    function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
+      if (true) {
+        for (var typeSpecName in typeSpecs) {
+          if (has(typeSpecs, typeSpecName)) {
+            var error;
+            try {
+              if (typeof typeSpecs[typeSpecName] !== "function") {
+                var err = Error(
+                  (componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                );
+                err.name = "Invariant Violation";
+                throw err;
+              }
+              error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
+            } catch (ex) {
+              error = ex;
+            }
+            if (error && !(error instanceof Error)) {
+              printWarning(
+                (componentName || "React class") + ": type specification of " + location + " `" + typeSpecName + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof error + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+              );
+            }
+            if (error instanceof Error && !(error.message in loggedTypeFailures)) {
+              loggedTypeFailures[error.message] = true;
+              var stack = getStack ? getStack() : "";
+              printWarning(
+                "Failed " + location + " type: " + error.message + (stack != null ? stack : "")
+              );
+            }
+          }
+        }
+      }
+    }
+    checkPropTypes.resetWarningCache = function() {
+      if (true) {
+        loggedTypeFailures = {};
+      }
+    };
+    module.exports = checkPropTypes;
+  }
+});
+
+export {
+  require_object_assign,
+  require_ReactPropTypesSecret,
+  require_has,
+  require_checkPropTypes
+};
+/*! Bundled license information:
+
+object-assign/index.js:
+  (*
+  object-assign
+  (c) Sindre Sorhus
+  @license MIT
+  *)
+*/
+//# sourceMappingURL=chunk-UU7TO5PY.js.map

Frontend/.vite/deps/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

Frontend/.vite/deps/react-chartjs-2.js

@@ -0,0 +1,190 @@
+import {
+  BarController,
+  BubbleController,
+  Chart,
+  DoughnutController,
+  LineController,
+  PieController,
+  PolarAreaController,
+  RadarController,
+  ScatterController
+} from "./chunk-2YIK36WJ.js";
+import {
+  require_react
+} from "./chunk-W4EHDCLL.js";
+import {
+  __toESM
+} from "./chunk-EWTE5DHJ.js";
+
+// node_modules/react-chartjs-2/dist/index.js
+var import_react = __toESM(require_react());
+var defaultDatasetIdKey = "label";
+function reforwardRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}
+function setOptions(chart, nextOptions) {
+  const options = chart.options;
+  if (options && nextOptions) {
+    Object.assign(options, nextOptions);
+  }
+}
+function setLabels(currentData, nextLabels) {
+  currentData.labels = nextLabels;
+}
+function setDatasets(currentData, nextDatasets) {
+  let datasetIdKey = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : defaultDatasetIdKey;
+  const addedDatasets = [];
+  currentData.datasets = nextDatasets.map((nextDataset) => {
+    const currentDataset = currentData.datasets.find((dataset) => dataset[datasetIdKey] === nextDataset[datasetIdKey]);
+    if (!currentDataset || !nextDataset.data || addedDatasets.includes(currentDataset)) {
+      return {
+        ...nextDataset
+      };
+    }
+    addedDatasets.push(currentDataset);
+    Object.assign(currentDataset, nextDataset);
+    return currentDataset;
+  });
+}
+function cloneData(data) {
+  let datasetIdKey = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : defaultDatasetIdKey;
+  const nextData = {
+    labels: [],
+    datasets: []
+  };
+  setLabels(nextData, data.labels);
+  setDatasets(nextData, data.datasets, datasetIdKey);
+  return nextData;
+}
+function getDatasetAtEvent(chart, event) {
+  return chart.getElementsAtEventForMode(event.nativeEvent, "dataset", {
+    intersect: true
+  }, false);
+}
+function getElementAtEvent(chart, event) {
+  return chart.getElementsAtEventForMode(event.nativeEvent, "nearest", {
+    intersect: true
+  }, false);
+}
+function getElementsAtEvent(chart, event) {
+  return chart.getElementsAtEventForMode(event.nativeEvent, "index", {
+    intersect: true
+  }, false);
+}
+function ChartComponent(props, ref) {
+  const { height = 150, width = 300, redraw = false, datasetIdKey, type, data, options, plugins = [], fallbackContent, updateMode, ...canvasProps } = props;
+  const canvasRef = (0, import_react.useRef)(null);
+  const chartRef = (0, import_react.useRef)(null);
+  const renderChart = () => {
+    if (!canvasRef.current) return;
+    chartRef.current = new Chart(canvasRef.current, {
+      type,
+      data: cloneData(data, datasetIdKey),
+      options: options && {
+        ...options
+      },
+      plugins
+    });
+    reforwardRef(ref, chartRef.current);
+  };
+  const destroyChart = () => {
+    reforwardRef(ref, null);
+    if (chartRef.current) {
+      chartRef.current.destroy();
+      chartRef.current = null;
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (!redraw && chartRef.current && options) {
+      setOptions(chartRef.current, options);
+    }
+  }, [
+    redraw,
+    options
+  ]);
+  (0, import_react.useEffect)(() => {
+    if (!redraw && chartRef.current) {
+      setLabels(chartRef.current.config.data, data.labels);
+    }
+  }, [
+    redraw,
+    data.labels
+  ]);
+  (0, import_react.useEffect)(() => {
+    if (!redraw && chartRef.current && data.datasets) {
+      setDatasets(chartRef.current.config.data, data.datasets, datasetIdKey);
+    }
+  }, [
+    redraw,
+    data.datasets
+  ]);
+  (0, import_react.useEffect)(() => {
+    if (!chartRef.current) return;
+    if (redraw) {
+      destroyChart();
+      setTimeout(renderChart);
+    } else {
+      chartRef.current.update(updateMode);
+    }
+  }, [
+    redraw,
+    options,
+    data.labels,
+    data.datasets,
+    updateMode
+  ]);
+  (0, import_react.useEffect)(() => {
+    if (!chartRef.current) return;
+    destroyChart();
+    setTimeout(renderChart);
+  }, [
+    type
+  ]);
+  (0, import_react.useEffect)(() => {
+    renderChart();
+    return () => destroyChart();
+  }, []);
+  return import_react.default.createElement("canvas", {
+    ref: canvasRef,
+    role: "img",
+    height,
+    width,
+    ...canvasProps
+  }, fallbackContent);
+}
+var Chart2 = (0, import_react.forwardRef)(ChartComponent);
+function createTypedChart(type, registerables) {
+  Chart.register(registerables);
+  return (0, import_react.forwardRef)((props, ref) => import_react.default.createElement(Chart2, {
+    ...props,
+    ref,
+    type
+  }));
+}
+var Line = createTypedChart("line", LineController);
+var Bar = createTypedChart("bar", BarController);
+var Radar = createTypedChart("radar", RadarController);
+var Doughnut = createTypedChart("doughnut", DoughnutController);
+var PolarArea = createTypedChart("polarArea", PolarAreaController);
+var Bubble = createTypedChart("bubble", BubbleController);
+var Pie = createTypedChart("pie", PieController);
+var Scatter = createTypedChart("scatter", ScatterController);
+export {
+  Bar,
+  Bubble,
+  Chart2 as Chart,
+  Doughnut,
+  Line,
+  Pie,
+  PolarArea,
+  Radar,
+  Scatter,
+  getDatasetAtEvent,
+  getElementAtEvent,
+  getElementsAtEvent
+};
+//# sourceMappingURL=react-chartjs-2.js.map

Frontend/.vite/deps/react-dom_client.js

@@ -0,0 +1,39 @@
+import {
+  require_react_dom
+} from "./chunk-UHINIFCJ.js";
+import "./chunk-W4EHDCLL.js";
+import {
+  __commonJS
+} from "./chunk-EWTE5DHJ.js";
+
+// node_modules/react-dom/client.js
+var require_client = __commonJS({
+  "node_modules/react-dom/client.js"(exports) {
+    var m = require_react_dom();
+    if (false) {
+      exports.createRoot = m.createRoot;
+      exports.hydrateRoot = m.hydrateRoot;
+    } else {
+      i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+      exports.createRoot = function(c, o) {
+        i.usingClientEntryPoint = true;
+        try {
+          return m.createRoot(c, o);
+        } finally {
+          i.usingClientEntryPoint = false;
+        }
+      };
+      exports.hydrateRoot = function(c, h, o) {
+        i.usingClientEntryPoint = true;
+        try {
+          return m.hydrateRoot(c, h, o);
+        } finally {
+          i.usingClientEntryPoint = false;
+        }
+      };
+    }
+    var i;
+  }
+});
+export default require_client();
+//# sourceMappingURL=react-dom_client.js.map

Frontend/.vite/deps/react-dom_client.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../node_modules/react-dom/client.js"],
+  "sourcesContent": ["'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n"],
+  "mappings": ";;;;;;;;;AAAA;AAAA;AAEA,QAAI,IAAI;AACR,QAAI,OAAuC;AACzC,cAAQ,aAAa,EAAE;AACvB,cAAQ,cAAc,EAAE;AAAA,IAC1B,OAAO;AACD,UAAI,EAAE;AACV,cAAQ,aAAa,SAAS,GAAG,GAAG;AAClC,UAAE,wBAAwB;AAC1B,YAAI;AACF,iBAAO,EAAE,WAAW,GAAG,CAAC;AAAA,QAC1B,UAAE;AACA,YAAE,wBAAwB;AAAA,QAC5B;AAAA,MACF;AACA,cAAQ,cAAc,SAAS,GAAG,GAAG,GAAG;AACtC,UAAE,wBAAwB;AAC1B,YAAI;AACF,iBAAO,EAAE,YAAY,GAAG,GAAG,CAAC;AAAA,QAC9B,UAAE;AACA,YAAE,wBAAwB;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAjBM;AAAA;AAAA;",
+  "names": []
+}

Frontend/.vite/deps/react-intersection-observer.js

@@ -0,0 +1,293 @@
+"use client";
+import {
+  require_react
+} from "./chunk-W4EHDCLL.js";
+import {
+  __toESM
+} from "./chunk-EWTE5DHJ.js";
+
+// node_modules/react-intersection-observer/dist/index.mjs
+var React = __toESM(require_react(), 1);
+var React2 = __toESM(require_react(), 1);
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var observerMap = /* @__PURE__ */ new Map();
+var RootIds = /* @__PURE__ */ new WeakMap();
+var rootId = 0;
+var unsupportedValue = void 0;
+function defaultFallbackInView(inView) {
+  unsupportedValue = inView;
+}
+function getRootId(root) {
+  if (!root) return "0";
+  if (RootIds.has(root)) return RootIds.get(root);
+  rootId += 1;
+  RootIds.set(root, rootId.toString());
+  return RootIds.get(root);
+}
+function optionsToId(options) {
+  return Object.keys(options).sort().filter(
+    (key) => options[key] !== void 0
+  ).map((key) => {
+    return `${key}_${key === "root" ? getRootId(options.root) : options[key]}`;
+  }).toString();
+}
+function createObserver(options) {
+  const id = optionsToId(options);
+  let instance = observerMap.get(id);
+  if (!instance) {
+    const elements = /* @__PURE__ */ new Map();
+    let thresholds;
+    const observer = new IntersectionObserver((entries) => {
+      entries.forEach((entry) => {
+        var _a;
+        const inView = entry.isIntersecting && thresholds.some((threshold) => entry.intersectionRatio >= threshold);
+        if (options.trackVisibility && typeof entry.isVisible === "undefined") {
+          entry.isVisible = inView;
+        }
+        (_a = elements.get(entry.target)) == null ? void 0 : _a.forEach((callback) => {
+          callback(inView, entry);
+        });
+      });
+    }, options);
+    thresholds = observer.thresholds || (Array.isArray(options.threshold) ? options.threshold : [options.threshold || 0]);
+    instance = {
+      id,
+      observer,
+      elements
+    };
+    observerMap.set(id, instance);
+  }
+  return instance;
+}
+function observe(element, callback, options = {}, fallbackInView = unsupportedValue) {
+  if (typeof window.IntersectionObserver === "undefined" && fallbackInView !== void 0) {
+    const bounds = element.getBoundingClientRect();
+    callback(fallbackInView, {
+      isIntersecting: fallbackInView,
+      target: element,
+      intersectionRatio: typeof options.threshold === "number" ? options.threshold : 0,
+      time: 0,
+      boundingClientRect: bounds,
+      intersectionRect: bounds,
+      rootBounds: bounds
+    });
+    return () => {
+    };
+  }
+  const { id, observer, elements } = createObserver(options);
+  const callbacks = elements.get(element) || [];
+  if (!elements.has(element)) {
+    elements.set(element, callbacks);
+  }
+  callbacks.push(callback);
+  observer.observe(element);
+  return function unobserve() {
+    callbacks.splice(callbacks.indexOf(callback), 1);
+    if (callbacks.length === 0) {
+      elements.delete(element);
+      observer.unobserve(element);
+    }
+    if (elements.size === 0) {
+      observer.disconnect();
+      observerMap.delete(id);
+    }
+  };
+}
+function isPlainChildren(props) {
+  return typeof props.children !== "function";
+}
+var InView = class extends React.Component {
+  constructor(props) {
+    super(props);
+    __publicField(this, "node", null);
+    __publicField(this, "_unobserveCb", null);
+    __publicField(this, "handleNode", (node) => {
+      if (this.node) {
+        this.unobserve();
+        if (!node && !this.props.triggerOnce && !this.props.skip) {
+          this.setState({ inView: !!this.props.initialInView, entry: void 0 });
+        }
+      }
+      this.node = node ? node : null;
+      this.observeNode();
+    });
+    __publicField(this, "handleChange", (inView, entry) => {
+      if (inView && this.props.triggerOnce) {
+        this.unobserve();
+      }
+      if (!isPlainChildren(this.props)) {
+        this.setState({ inView, entry });
+      }
+      if (this.props.onChange) {
+        this.props.onChange(inView, entry);
+      }
+    });
+    this.state = {
+      inView: !!props.initialInView,
+      entry: void 0
+    };
+  }
+  componentDidMount() {
+    this.unobserve();
+    this.observeNode();
+  }
+  componentDidUpdate(prevProps) {
+    if (prevProps.rootMargin !== this.props.rootMargin || prevProps.root !== this.props.root || prevProps.threshold !== this.props.threshold || prevProps.skip !== this.props.skip || prevProps.trackVisibility !== this.props.trackVisibility || prevProps.delay !== this.props.delay) {
+      this.unobserve();
+      this.observeNode();
+    }
+  }
+  componentWillUnmount() {
+    this.unobserve();
+  }
+  observeNode() {
+    if (!this.node || this.props.skip) return;
+    const {
+      threshold,
+      root,
+      rootMargin,
+      trackVisibility,
+      delay,
+      fallbackInView
+    } = this.props;
+    this._unobserveCb = observe(
+      this.node,
+      this.handleChange,
+      {
+        threshold,
+        root,
+        rootMargin,
+        // @ts-ignore
+        trackVisibility,
+        // @ts-ignore
+        delay
+      },
+      fallbackInView
+    );
+  }
+  unobserve() {
+    if (this._unobserveCb) {
+      this._unobserveCb();
+      this._unobserveCb = null;
+    }
+  }
+  render() {
+    const { children } = this.props;
+    if (typeof children === "function") {
+      const { inView, entry } = this.state;
+      return children({ inView, entry, ref: this.handleNode });
+    }
+    const {
+      as,
+      triggerOnce,
+      threshold,
+      root,
+      rootMargin,
+      onChange,
+      skip,
+      trackVisibility,
+      delay,
+      initialInView,
+      fallbackInView,
+      ...props
+    } = this.props;
+    return React.createElement(
+      as || "div",
+      { ref: this.handleNode, ...props },
+      children
+    );
+  }
+};
+function useInView({
+  threshold,
+  delay,
+  trackVisibility,
+  rootMargin,
+  root,
+  triggerOnce,
+  skip,
+  initialInView,
+  fallbackInView,
+  onChange
+} = {}) {
+  var _a;
+  const [ref, setRef] = React2.useState(null);
+  const callback = React2.useRef(onChange);
+  const [state, setState] = React2.useState({
+    inView: !!initialInView,
+    entry: void 0
+  });
+  callback.current = onChange;
+  React2.useEffect(
+    () => {
+      if (skip || !ref) return;
+      let unobserve;
+      unobserve = observe(
+        ref,
+        (inView, entry) => {
+          setState({
+            inView,
+            entry
+          });
+          if (callback.current) callback.current(inView, entry);
+          if (entry.isIntersecting && triggerOnce && unobserve) {
+            unobserve();
+            unobserve = void 0;
+          }
+        },
+        {
+          root,
+          rootMargin,
+          threshold,
+          // @ts-ignore
+          trackVisibility,
+          // @ts-ignore
+          delay
+        },
+        fallbackInView
+      );
+      return () => {
+        if (unobserve) {
+          unobserve();
+        }
+      };
+    },
+    // We break the rule here, because we aren't including the actual `threshold` variable
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      // If the threshold is an array, convert it to a string, so it won't change between renders.
+      Array.isArray(threshold) ? threshold.toString() : threshold,
+      ref,
+      root,
+      rootMargin,
+      triggerOnce,
+      skip,
+      trackVisibility,
+      fallbackInView,
+      delay
+    ]
+  );
+  const entryTarget = (_a = state.entry) == null ? void 0 : _a.target;
+  const previousEntryTarget = React2.useRef(void 0);
+  if (!ref && entryTarget && !triggerOnce && !skip && previousEntryTarget.current !== entryTarget) {
+    previousEntryTarget.current = entryTarget;
+    setState({
+      inView: !!initialInView,
+      entry: void 0
+    });
+  }
+  const result = [setRef, state.inView, state.entry];
+  result.ref = result[0];
+  result.inView = result[1];
+  result.entry = result[2];
+  return result;
+}
+export {
+  InView,
+  defaultFallbackInView,
+  observe,
+  useInView
+};
+//# sourceMappingURL=react-intersection-observer.js.map

Frontend/.vite/deps/react.js

@@ -0,0 +1,6 @@
+import {
+  require_react
+} from "./chunk-W4EHDCLL.js";
+import "./chunk-EWTE5DHJ.js";
+export default require_react();
+//# sourceMappingURL=react.js.map

Frontend/.vite/deps/react.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

Frontend/src/components/FarmList.jsx

@@ -1,24 +1,29 @@
 import { useEffect, useState } from "react";
 import Td from "./Td";
 import Loader from "./Loader";
+import { useGetFarmsQuery } from "../store/api/farmApi";
 
 const FarmList = () => {
-  const [data, setData] = useState([]);
+  // const [data, setData] = useState([]);
-  const [loading, setLoading] = useState(true);
+  // const [loading, setLoading] = useState(true);
-  useEffect(() => {
+
-    fetch("http://localhost:8000/api/v1/farm", {
+  const { data: farms, error, isLoading } = useGetFarmsQuery();
-      credentials: "include",
+
-      method: "GET",
+  console.log(farms);
-      headers: { "Content-Type": "application/json" },
+  // useEffect(() => {
-    })
+  //   fetch("http://localhost:8000/api/v1/farm", {
-      .then((response) => response.json())
+  //     credentials: "include",
-      .then((data) => setData(data))
+  //     method: "GET",
-      .then(setLoading(false))
+  //     headers: { "Content-Type": "application/json" },
-      .catch((error) => console.error(error));
+  //   })
-  }, []);
+  //     .then((response) => response.json())
+  //     .then((data) => setData(data))
+  //     .then(setLoading(false))
+  //     .catch((error) => console.error(error));
+  // }, []);
   return (
     <div className="relative overflow-x-auto shadow-md sm:rounded-lg">
-      {loading ? (
+      {isLoading ? (
         <Loader></Loader>
       ) : (
         <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
@@ -42,8 +47,8 @@ const FarmList = () => {
             </tr>
           </thead>
           <tbody>
-            {data.length > 0 ? (
+            {farms && farms.length > 0 ? (
-              data.map((item) => <Td key={item.id} children={item} />)
+              farms.map((item) => <Td key={item.id} children={item} />)
             ) : (
               <tr>
                 <td colSpan={5} className="text-center">

Frontend/src/pages/Home/Cards.jsx

@@ -41,13 +41,7 @@ export const HeroSecn = () => {
           <button
             type="button"
             className="text-black w-auto max-w-lg  bg-white  hover:bg-purple-200 font-medium rounded-full text-sm py-2 px-4 text-center"
-          >
+          ></button>
-            {isLoggedIn ? (
-              <Link to={"/user/dashboard"}>Start Managing Your Farm</Link>
-            ) : (
-              <Link to={"/user/login"}>Log In</Link>
-            )}
-          </button>
         </div>
         <div className="w-full md:w-4/5 object-contain flex justify-center items-center">
           <img

Frontend/src/pages/Home/Testimonial.jsx

@@ -112,7 +112,7 @@ const Testimonial = () => {
                   symptoms.
                 </p>
                 <a
-                  href="/predict"
+                  href="/ai"
                   className="inline-flex font-medium items-center text-blue-600 hover:underline"
                 >
                   Check Out

Frontend/src/pages/UserPanel/Farm/AddCrop.jsx

@@ -1,4 +1,5 @@
 import React, { useState } from "react";
+import { useCreateCropMutation } from "../../../store/api/cropApi";
 
 const AddCrop = ({ farmId }) => {
   const [isModalOpen, setIsModalOpen] = useState(false);
@@ -12,6 +13,7 @@ const AddCrop = ({ farmId }) => {
   const [uploading, setUploading] = useState(false);
   const [error, setError] = useState("");
   const [success, setSuccess] = useState("");
+  const [createCrop] = useCreateCropMutation();
 
   const handleSubmit = async (e) => {
     e.preventDefault();
@@ -30,14 +32,17 @@ const AddCrop = ({ farmId }) => {
     }
     console.log(formData);
     try {
-      const response = await fetch(`http://localhost:8000/api/v1/crop`, {
+      const response = await createCrop(formData);
-        method: "POST",
+      // const response = await fetch(`http://localhost:8000/api/v1/crop`, {
-        credentials: "include",
+      //   method: "POST",
-        body: formData,
+      //   credentials: "include",
-      });
+      //   body: formData,
-      if (!response.ok) {
+      // });
-        throw new Error("Failed to create crop");
+      // if (!response.ok) {
-      }
+      //   throw new Error("Failed to create crop");
+      // }
+
+      console.log(response);
       setSuccess("Crop created successfully!");
       // Reset form fields
       setName("");
@@ -46,6 +51,7 @@ const AddCrop = ({ farmId }) => {
       setGrowthStage("");
       setHealthStatus("");
       setImage(null);
+      setIsModalOpen(false);
     } catch (err) {
       setError(err.message);
     } finally {

Frontend/src/pages/UserPanel/Farm/AddFarm.jsx

@@ -1,5 +1,6 @@
 import React, { useState } from "react";
 import { useNavigate } from "react-router-dom";
+import { useCreateFarmMutation } from "../../../store/api/farmApi";
 
 const AddFarm = () => {
   const [isModalOpen, setIsModalOpen] = useState(false);
@@ -11,6 +12,8 @@ const AddFarm = () => {
   const [error, setError] = useState(null);
   const [success, setSuccess] = useState(false);
   const navigator = useNavigate();
+
+  const [createFarm] = useCreateFarmMutation();
   const handleSubmit = async (e) => {
     e.preventDefault();
     const farmData = {
@@ -24,27 +27,16 @@ const AddFarm = () => {
     console.log(farmData);
 
     try {
-      const response = await fetch("http://localhost:8000/api/v1/farm", {
+      const res = await createFarm(farmData);
-        method: "POST",
+      console.log(res);
-        credentials: "include",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify(farmData),
-      });
 
-      const data = await response.json();
+      if (res.error) {
-      console.log(data);
+        return null;
-
-      if (!response.ok) {
-        throw new Error("Failed to add farm");
       }
 
-      navigator("farmpage");
       setSuccess(true);
       setError(null);
       setIsModalOpen(false);
-      window.location.reload();
     } catch (err) {
       setError(err.message);
       setSuccess(false);

Frontend/src/pages/UserPanel/Farm/AddTransactions.jsx

@@ -1,42 +1,52 @@
 import React, { useState } from "react";
 import Loader from "../../../components/Loader";
+import { useAddTransactionMutation } from "../../../store/api/financeApi";
 
-const AddTransaction = ({ farmId }) => {
+const AddTransaction = ({ farmId, financeId }) => {
   const [modalOpen, setModalOpen] = useState(false);
   const [type, setType] = useState("Expense");
   const [amount, setAmount] = useState("");
   const [description, setDescription] = useState("");
   const [loading, setLoading] = useState(false);
   const [message, setMessage] = useState("");
+  const [addTransaction] = useAddTransactionMutation();
 
   const handleSubmit = async (e) => {
     e.preventDefault();
     setLoading(true);
     setMessage("");
 
-    try {
+    const transactionData = {
-      const response = await fetch(
-        `http://localhost:8000/api/v1/finance/${farmId}/transaction`,
-        {
-          method: "POST",
-          credentials: "include",
-          headers: {
-            "Content-Type": "application/json",
-          },
-          body: JSON.stringify({
       type,
       amount: parseFloat(amount),
       description,
-          }),
+    };
-        }
+    console.log("Transaction data:", transactionData);
-      );
 
-      if (!response.ok) {
+    try {
-        throw new Error("Failed to create transaction");
+      const response = await addTransaction({ financeId, transactionData });
-      }
+      // const response = await fetch(
+      //   `http://localhost:8000/api/v1/finance/${farmId}/transaction`,
+      //   {
+      //     method: "POST",
+      //     credentials: "include",
+      //     headers: {
+      //       "Content-Type": "application/json",
+      //     },
+      //     body: JSON.stringify({
+      //       type,
+      //       amount: parseFloat(amount),
+      //       description,
+      //     }),
+      //   }
+      // );
 
-      const data = await response.json();
+      // if (!response.ok) {
-      console.log("Transaction created:", data);
+      //   throw new Error("Failed to create transaction");
+      // }
+
+      // const data = await response.json();
+      console.log("Transaction created:", response);
       setMessage("Transaction created successfully!");
       // Optionally clear the form
       setType("Expense");

Frontend/src/pages/UserPanel/Farm/CreateTransactions.jsx

@@ -1,24 +1,30 @@
 import React, { useState } from "react";
 import Loader from "../../../components/Loader";
+import { useParams } from "react-router-dom";
+import { useCreateFinanceMutation } from "../../../store/api/financeApi";
 
 const CreateFinance = () => {
   const [loading, setLoading] = useState(false);
   const [message, setMessage] = useState("");
   // Hardcoded farm ID from your example
-  const farmId = "67b9e6829c4979463e64a0fc";
+  const { farmId } = useParams();
+  const [createFinance] = useCreateFinanceMutation();
 
   const handleCreateFinance = async () => {
     setLoading(true);
     setMessage("");
     try {
-      const response = await fetch("http://localhost:8000/api/v1/finance", {
+      const responce = await createFinance({ farm: farmId });
-        method: "POST",
+      // const response = await fetch("http://localhost:8000/api/v1/finance", {
-        credentials: "include",
+      //   method: "POST",
-        headers: {
+      //   credentials: "include",
-          "Content-Type": "application/json",
+      //   headers: {
-        },
+      //     "Content-Type": "application/json",
-        body: JSON.stringify({ farm: farmId }),
+      //   },
-      });
+      //   body: JSON.stringify({ farm: farmId }),
+      // });
+
+      console.log("Trance opdien ", responce);
       if (!response.ok) {
         throw new Error("Failed to create finance");
       }
@@ -39,7 +45,7 @@ const CreateFinance = () => {
       disabled={loading}
       className="mt-4 w-30 inline-flex items-center justify-center px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500"
     >
-      {loading ? <Loader></Loader> : "Create Finance"}
+      Create Finance
     </button>
   );
 };

Frontend/src/pages/UserPanel/Farm/CropTable.jsx

@@ -1,10 +1,20 @@
 import React, { useState, useEffect } from "react";
 import Loader from "../../../components/Loader";
+import { Link } from "react-router-dom";
+import { useGetCropsByFarmQuery } from "../../../store/api/cropApi";
 
 const CropTable = ({ farmId }) => {
   const [crops, setCrops] = useState([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
+
+  const {
+    data: cropsData,
+    error: cropsError,
+    isLoading: cropsLoading,
+  } = useGetCropsByFarmQuery(farmId);
+
+  console.log("Crops data is :", cropsData);
   const handleRemoveCrop = async (cropId) => {
     try {
       await fetch(`http://localhost:8000/api/v1/crop/${cropId}`, {
@@ -19,34 +29,13 @@ const CropTable = ({ farmId }) => {
       setError(err.message);
     }
   };
+
   useEffect(() => {
-    const fetchCrops = async () => {
+    if (cropsData) {
-      try {
+      setCrops(cropsData);
-        const response = await fetch(
-          `http://localhost:8000/api/v1/crop/farm/${farmId}`,
-          {
-            credentials: "include",
-            headers: {
-              "Content-Type": "application/json",
-            },
-          }
-        );
-
-        if (!response.ok) {
-          throw new Error("Failed to fetch crops");
-        }
-
-        const data = await response.json();
-        setCrops(data || []);
-      } catch (err) {
-        setError(err.message);
-      } finally {
       setLoading(false);
     }
-    };
+  }, [cropsData]);
-
-    fetchCrops();
-  }, []);
 
   if (loading) {
     return <Loader></Loader>;

Frontend/src/pages/UserPanel/Farm/EditFarm.jsx

@@ -1,23 +1,26 @@
 import React, { useState } from "react";
+import { useDeleteFarmMutation } from "../../../store/api/farmApi";
 
 const EditFarm = ({ _id, onDelete }) => {
   const [modalOpen, setModalOpen] = useState(false);
+  const [deleteFarm] = useDeleteFarmMutation();
 
   // This function will run when the "Yes, I'm sure" button is clicked.
   const handleDeleteFarm = async () => {
     try {
-      const response = await fetch(`http://localhost:8000/api/v1/farm/${_id}`, {
+      const res = await deleteFarm(_id);
-        method: "DELETE",
+      // const response = await fetch(`http://localhost:8000/api/v1/farm/${_id}`, {
-        credentials: "include",
+      //   method: "DELETE",
-      });
+      //   credentials: "include",
-      const data = await response.json();
+      // });
-      console.log("Delete response:", data);
+      // const data = await response.json();
-      if (data.success) {
+      console.log("Delete response:", res);
-        // Notify the parent component to update its state
+
-        if (onDelete) onDelete(_id);
+      if (!res) {
+        return null;
       }
+
       setModalOpen(false); // Close the modal after the operation
-      window.location.reload();
     } catch (error) {
       console.error("Error deleting farm:", error);
     }

Frontend/src/pages/UserPanel/Farm/FarmPage.jsx

@@ -9,49 +9,63 @@ import AddTransaction from "./AddTransactions";
 import FinanceSummary from "./FinanceSummary";
 import CreateTask from "./CreateTask";
 import DisplayTast from "./DisplayTask";
+import { useGetFarmByIdQuery } from "../../../store/api/farmApi";
 
 export default function FarmPage() {
   const { farmId } = useParams();
   const navigate = useNavigate();
-  const [farmData, setFarmData] = useState(null);
+  const [farmData, setFarmData] = useState("");
   const [loading, setLoading] = useState(true);
 
+  console.log("Farm id is : ", farmId);
+
+  const { data: farm, error, isLoading } = useGetFarmByIdQuery(farmId);
+
   useEffect(() => {
-    async function fetchFarmData() {
+    if (!isLoading && !error && farm) {
-      try {
+      setFarmData(farm);
-        const response = await fetch(
-          `http://localhost:8000/api/v1/farm/${farmId}`,
-          {
-            method: "GET",
-            credentials: "include",
-            headers: {
-              "Content-Type": "application/json",
-            },
-          }
-        );
-        const jsonData = await response.json();
-        console.log("Fetched farm data:", jsonData);
-        setFarmData(jsonData);
-      } catch (error) {
-        console.error("Error fetching farm data: ", error);
-      } finally {
       setLoading(false);
     }
-    }
+  }, [farm]);
-    fetchFarmData();
-  }, [farmId]);
 
-  if (loading) {
+  console.log("djoejwrru9", farmData);
-    return <Loader />;
-  }
 
-  if (!farmData) {
+  // useEffect(() => {
-    return (
+  //   async function fetchFarmData() {
-      <div className="w-full bg-white rounded-lg shadow p-4">
+  //     try {
-        <p>No farm data found.</p>
+  //       const response = await fetch(
-      </div>
+  //         `http://localhost:8000/api/v1/farm/${farmId}`,
-    );
+  //         {
-  }
+  //           method: "GET",
+  //           credentials: "include",
+  //           headers: {
+  //             "Content-Type": "application/json",
+  //           },
+  //         }
+  //       );
+  //       const jsonData = await response.json();
+  //       console.log("Fetched farm data:", jsonData);
+  //       setFarmData(jsonData);
+  //     } catch (error) {
+  //       console.error("Error fetching farm data: ", error);
+  //     } finally {
+  //       setLoading(false);
+  //     }
+  //   }
+  //   fetchFarmData();
+  // }, [farmId]);
+
+  // if (loading) {
+  //   return <Loader />;
+  // }
+
+  // if (!farmData) {
+  //   return (
+  //     <div className="w-full bg-white rounded-lg shadow p-4">
+  //       <p>No farm data found.</p>
+  //     </div>
+  //   );
+  // }
 
   return (
     <div className="w-full bg-white rounded-lg shadow p-4 space-y-8">
@@ -82,14 +96,14 @@ export default function FarmPage() {
       {/* Add Transaction Modal Section */}
       <section>
         <div className="flex justify-end">
-          <AddTransaction farmId={farmId} />
+          <AddTransaction farmId={farmId} financeId={farmData?.finances?._id} />
         </div>
       </section>
 
       {/* Finance Summary Section */}
       <section>
         <div className="flex justify-end">
-          <FinanceSummary farmId={farmId} />
+          <FinanceSummary farmId={farmId} financeId={farmData?.finances?._id} />
         </div>
       </section>
 

Frontend/src/pages/UserPanel/Farm/FinanceSummary.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import Loader from "../../../components/Loader";
 
-const FinanceSummary = ({ farmId }) => {
+const FinanceSummary = ({ farmId, financeId }) => {
   const [summary, setSummary] = useState(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState("");
@@ -12,9 +12,10 @@ const FinanceSummary = ({ farmId }) => {
       setError("");
       try {
         const response = await fetch(
-          `http://localhost:8000/api/v1/finance/summary/${farmId}`,
+          `http://localhost:8000/api/v1/finance/summary/${financeId}`,
           { credentials: "include" }
         );
+        console.log("Summary response:", response);
         if (!response.ok) {
           throw new Error("Failed to fetch summary");
         }
@@ -30,47 +31,47 @@ const FinanceSummary = ({ farmId }) => {
     fetchSummary();
   }, [farmId]);
 
-  if (loading) return <Loader />;
+  // if (loading) return <Loader />;
-  if (error) return <div className="p-4 text-center text-red-600">{error}</div>;
+  //if (error) return <div className="p-4 text-center text-red-600">{error}</div>;
 
   // Extract only the important fields.
-  const { totalExpenses, totalRevenue, transactions } = summary;
+  const { totalExpenses, totalRevenue, transactions } = summary || {};
   const transactionsCount = Array.isArray(transactions)
     ? transactions.length
     : 0;
 
   return (
-    <div className="max-w-md mx-auto p-8 bg-gray-50">
+    <div className="w-full mx-auto p-8 bg-gray-50">
       <div className="bg-white rounded-lg shadow overflow-hidden">
         <header className="bg-blue-600 px-6 py-4">
-          <h2 className="text-3xl font-bold text-white">Finance Summary</h2>
+          <h2 className="text-3xl font-bold text-white">
+            Transactions Summary
+          </h2>
         </header>
-        <div className="p-6">
+        <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
-          <table className="w-full table-auto">
+          <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
-            <tbody className="divide-y divide-gray-200">
+            <tr>
-              <tr className="hover:bg-gray-50">
+              <th scope="col" className="px-6 py-3">
-                <td className="px-6 py-4 font-medium text-gray-600">
+                Farm name
-                  Total Expenses
+              </th>
-                </td>
+              <th scope="col" className="px-6 py-3">
-                <td className="px-6 py-4 text-gray-800">{totalExpenses}</td>
+                Location
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Type
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Size (acres)
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Action
+              </th>
             </tr>
-              <tr className="hover:bg-gray-50">
+          </thead>
-                <td className="px-6 py-4 font-medium text-gray-600">
+          <tbody></tbody>
-                  Total Revenue
-                </td>
-                <td className="px-6 py-4 text-gray-800">{totalRevenue}</td>
-              </tr>
-              <tr className="hover:bg-gray-50">
-                <td className="px-6 py-4 font-medium text-gray-600">
-                  Transactions
-                </td>
-                <td className="px-6 py-4 text-gray-800">{transactionsCount}</td>
-              </tr>
-            </tbody>
         </table>
       </div>
     </div>
-    </div>
   );
 };
 

Frontend/src/pages/UserPanel/Farm/Transactions.jsx

@@ -31,34 +31,22 @@ const Transactions = ({ farmId }) => {
           <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
             <tr>
               <th scope="col" className="px-6 py-3">
-                Field
+                Total Expenses
               </th>
               <th scope="col" className="px-6 py-3">
-                Value
+                totalRevenue
               </th>
             </tr>
           </thead>
           <tbody>
-            {!Array.isArray(data) ? (
-              // Data is an object: show key-value pairs
-              Object.entries(data).map(([key, value]) => (
-                <tr key={key}>
-                  <td className="px-6 py-3 font-bold">{key}</td>
-                  <td className="px-6 py-3">
-                    {typeof value === "object" ? JSON.stringify(value) : value}
-                  </td>
-                </tr>
-              ))
-            ) : // Data is an array: render using your Td component
-            data.length > 0 ? (
-              data.map((item) => <Td key={item.id} children={item} />)
-            ) : (
             <tr>
-                <td colSpan={2} className="text-center">
+              <td className="px-6 py-3">
-                  No data available
+                {data.totalExpenses ? data.totalExpenses : "N/A"}
+              </td>
+              <td className="px-6 py-3">
+                {data.totalRevenue ? data.totalRevenue : "N/A"}
               </td>
             </tr>
-            )}
           </tbody>
         </table>
       )}

Frontend/src/pages/UserPanel/MainUserPanel.jsx

@@ -243,9 +243,12 @@ const MainUserPanel = () => {
                 {user.address == null && "Maharashtra, Pune"}
               </p>
               <div className="flex justify-center mt-4">
-                <button className="bg-gray-300 hover:bg-gray-400 text-gray-700 font-bold py-2 px-4 rounded mr-2">
+                <Link
+                  to="/"
+                  className="bg-gray-300 hover:bg-gray-400 text-gray-700 font-bold py-2 px-4 rounded mr-2"
+                >
                   <FaHome className="text-lg font-extrabold" />
-                </button>
+                </Link>
                 <button className="bg-gray-300 hover:bg-gray-400 text-gray-700 font-bold py-2 px-4 rounded mr-2">
                   <IoMdSettings className="text-lg font-extrabold" />
                 </button>

Frontend/src/store/api/cropApi.js

@@ -0,0 +1,91 @@
+import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
+
+export const cropApi = createApi({
+  reducerPath: "cropApi",
+  baseQuery: fetchBaseQuery({
+    baseUrl: "http://localhost:8000/api/v1/crop",
+    credentials: "include", // Ensures credentials (cookies, tokens) are included
+  }),
+  tagTypes: ["Crops"],
+  endpoints: (builder) => ({
+    getCropsByFarm: builder.query({
+      query: (farmId) => `/farm/${farmId}`,
+      providesTags: ["Crops"],
+    }),
+    getCropById: builder.query({
+      query: (cropId) => `/${cropId}`,
+      providesTags: (result, error, cropId) => [{ type: "Crops", id: cropId }],
+    }),
+    createCrop: builder.mutation({
+      query: (formData) => ({
+        url: "/",
+        method: "POST",
+        body: formData,
+      }),
+      invalidatesTags: ["Crops"],
+    }),
+    updateCrop: builder.mutation({
+      query: ({ cropId, updatedCrop }) => ({
+        url: `/${cropId}`,
+        method: "PUT",
+        body: updatedCrop,
+      }),
+      invalidatesTags: (result, error, { cropId }) => [
+        { type: "Crops", id: cropId },
+      ],
+    }),
+    deleteCrop: builder.mutation({
+      query: (cropId) => ({
+        url: `/${cropId}`,
+        method: "DELETE",
+      }),
+      invalidatesTags: ["Crops"],
+    }),
+    updateHealthStatus: builder.mutation({
+      query: ({ cropId, healthStatus }) => ({
+        url: `/health/${cropId}`,
+        method: "PUT",
+        body: { healthStatus },
+      }),
+      invalidatesTags: (result, error, { cropId }) => [
+        { type: "Crops", id: cropId },
+      ],
+    }),
+    updateGrowthStage: builder.mutation({
+      query: ({ cropId, growthStage }) => ({
+        url: `/growth/${cropId}`,
+        method: "PUT",
+        body: { growthStage },
+      }),
+      invalidatesTags: (result, error, { cropId }) => [
+        { type: "Crops", id: cropId },
+      ],
+    }),
+    cropHarvest: builder.query({
+      query: (cropId) => `/harvest/${cropId}`,
+    }),
+    suggestNextCrop: builder.query({
+      query: (cropId) => `/nextCrop/${cropId}`,
+    }),
+    suggestPesticides: builder.query({
+      query: (cropId) => `/pesticides/${cropId}`,
+    }),
+    suggestFertilizers: builder.query({
+      query: (cropId) => `/fertilizers/${cropId}`,
+    }),
+  }),
+});
+
+export const {
+  useGetCropsByFarmQuery,
+  useGetCropByIdQuery,
+  useCreateCropMutation,
+  useUpdateCropMutation,
+  useDeleteCropMutation,
+  useUpdateHealthStatusMutation,
+  useUpdateGrowthStageMutation,
+  useCropHarvestQuery,
+  useSuggestNextCropQuery,
+  useSuggestPesticidesQuery,
+  useSuggestFertilizersQuery,
+} = cropApi;

Frontend/src/store/api/farmApi.js

@@ -0,0 +1,56 @@
+import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
+
+export const farmApi = createApi({
+  reducerPath: "farmApi",
+  baseQuery: fetchBaseQuery({
+    baseUrl: "http://localhost:8000/api/v1/farm",
+    credentials: "include",
+  }),
+  tagTypes: ["Farms"],
+  endpoints: (builder) => ({
+    getFarms: builder.query({
+      query: () => "/",
+      providesTags: ["Farms"],
+    }),
+    getFarmById: builder.query({
+      query: (farmId) => `/${farmId}`,
+      providesTags: ["Farms"],
+    }),
+    createFarm: builder.mutation({
+      query: (newFarm) => ({
+        url: "/",
+        method: "POST",
+        body: newFarm,
+        credentials: "include",
+      }),
+      invalidatesTags: ["Farms"],
+    }),
+    updateFarm: builder.mutation({
+      query: ({ farmId, updatedFarm }) => ({
+        url: `/${farmId}`,
+        method: "PUT",
+        body: updatedFarm,
+        credentials: "include",
+      }),
+      invalidatesTags: (result, error, { farmId }) => [
+        { type: "Farms", id: farmId },
+      ],
+    }),
+    deleteFarm: builder.mutation({
+      query: (farmId) => ({
+        url: `/${farmId}`,
+        method: "DELETE",
+        credentials: "include",
+      }),
+      invalidatesTags: ["Farms"],
+    }),
+  }),
+});
+
+export const {
+  useGetFarmsQuery,
+  useGetFarmByIdQuery,
+  useCreateFarmMutation,
+  useUpdateFarmMutation,
+  useDeleteFarmMutation,
+} = farmApi;

Frontend/src/store/api/financeApi.js

@@ -0,0 +1,56 @@
+import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
+
+export const financeApi = createApi({
+  reducerPath: "financeApi",
+  baseQuery: fetchBaseQuery({
+    baseUrl: "http://localhost:8000/api/v1/finance",
+    credentials: "include",
+  }),
+  tagTypes: ["Finance", "Transactions"],
+  endpoints: (builder) => ({
+    getFinanceByFarm: builder.query({
+      query: (farmId) => `/${farmId}`,
+      providesTags: ["Finance"],
+    }),
+    getTransactions: builder.query({
+      query: (financeId) => `/transactions/${financeId}`,
+      providesTags: ["Transactions"],
+    }),
+    getFinancialSummary: builder.query({
+      query: (financeId) => `/summary/${financeId}`,
+      providesTags: ["Finance"],
+    }),
+    createFinance: builder.mutation({
+      query: (financeData) => ({
+        url: "/",
+        method: "POST",
+        body: financeData,
+      }),
+      invalidatesTags: ["Finance"],
+    }),
+    deleteTransaction: builder.mutation({
+      query: (financeId) => ({
+        url: `/${financeId}`,
+        method: "DELETE",
+      }),
+      invalidatesTags: ["Transactions", "Finance"],
+    }),
+    addTransaction: builder.mutation({
+      query: ({ financeId, transactionData }) => ({
+        url: `/${financeId}/transaction`,
+        method: "POST",
+        body: transactionData,
+      }),
+      invalidatesTags: ["Transactions", "Finance"],
+    }),
+  }),
+});
+
+export const {
+  useGetFinanceByFarmQuery,
+  useGetTransactionsQuery,
+  useGetFinancialSummaryQuery,
+  useCreateFinanceMutation,
+  useDeleteTransactionMutation,
+  useAddTransactionMutation,
+} = financeApi;

Frontend/src/store/api/taskApi.js

@@ -0,0 +1,64 @@
+import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
+
+export const taskApi = createApi({
+  reducerPath: "taskApi",
+  baseQuery: fetchBaseQuery({
+    baseUrl: "http://localhost:8000/api/v1/task",
+    credentials: "include",
+  }),
+  tagTypes: ["Tasks"],
+  endpoints: (builder) => ({
+    getTasksByFarm: builder.query({
+      query: (farmId) => `/farm/${farmId}`,
+      providesTags: ["Tasks"],
+    }),
+    getTaskById: builder.query({
+      query: (taskId) => `/${taskId}`,
+      providesTags: (result, error, taskId) => [{ type: "Tasks", id: taskId }],
+    }),
+    createTask: builder.mutation({
+      query: (taskData) => ({
+        url: "/",
+        method: "POST",
+        body: taskData,
+      }),
+      invalidatesTags: ["Tasks"],
+    }),
+    updateTask: builder.mutation({
+      query: ({ taskId, updatedTask }) => ({
+        url: `/${taskId}`,
+        method: "PUT",
+        body: updatedTask,
+      }),
+      invalidatesTags: (result, error, { taskId }) => [
+        { type: "Tasks", id: taskId },
+      ],
+    }),
+    updateTaskStatus: builder.mutation({
+      query: ({ taskId, status }) => ({
+        url: `/${taskId}/status`,
+        method: "PATCH",
+        body: { status },
+      }),
+      invalidatesTags: (result, error, { taskId }) => [
+        { type: "Tasks", id: taskId },
+      ],
+    }),
+    deleteTask: builder.mutation({
+      query: (taskId) => ({
+        url: `/${taskId}`,
+        method: "DELETE",
+      }),
+      invalidatesTags: ["Tasks"],
+    }),
+  }),
+});
+
+export const {
+  useGetTasksByFarmQuery,
+  useGetTaskByIdQuery,
+  useCreateTaskMutation,
+  useUpdateTaskMutation,
+  useUpdateTaskStatusMutation,
+  useDeleteTaskMutation,
+} = taskApi;

Frontend/src/store/index.js

@@ -2,13 +2,27 @@ import { configureStore } from "@reduxjs/toolkit";
 import userSlice from "./userSlice";
 import messageSlice from "./messageSlice";
 import loaderSlice from "./loaderSlice";
+import { farmApi } from "./api/farmApi";
+import { cropApi } from "./api/cropApi";
+import { financeApi } from "./api/financeApi";
+import { taskApi } from "./api/taskApi";
 
 const MentifyStore = configureStore({
   reducer: {
     user: userSlice.reducer,
     messages: messageSlice.reducer,
     loader: loaderSlice.reducer,
+    [farmApi.reducerPath]: farmApi.reducer,
+    [cropApi.reducerPath]: cropApi.reducer,
+    [financeApi.reducerPath]: financeApi.reducer,
+    [taskApi.reducerPath]: taskApi.reducer,
   },
+  middleware: (getDefaultMiddleware) =>
+    getDefaultMiddleware()
+      .concat(farmApi.middleware)
+      .concat(cropApi.middleware)
+      .concat(financeApi.middleware)
+      .concat(taskApi.middleware), // Add API middleware
 });
 
 export default MentifyStore;