Merge branch 'main' into frontend-multilingual up to commit 0aa8a3842c

.gitignore

@@ -0,0 +1,2 @@
+package-lock.json
+node_modules/

Backend/Middlewares/multer.js

@@ -2,7 +2,7 @@ const multer = require("multer");
 
 const storage = multer.diskStorage({
   destination: function (req, file, cb) {
-    cb(null, "./public/images");
+    cb(null, "./uploads");
   },
 
   filename: function (req, file, cb) {

Backend/package.json

@@ -10,23 +10,20 @@
   "license": "ISC",
   "description": "",
   "dependencies": {
-    "@google/generative-ai": "^0.22.0",
-    "@huggingface/transformers": "^3.3.3",
-    "@xenova/transformers": "^2.17.2",
-    "bcrypt": "^5.1.1",
-    "cloudinary": "^2.5.1",
-    "cookie-parser": "^1.4.6",
+    "@google/generative-ai": "^0.24.1",
+    "bcrypt": "^6.0.0",
+    "cloudinary": "^2.7.0",
+    "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
-    "dotenv": "^16.4.5",
-    "express": "^4.19.2",
-    "jimp": "^1.6.0",
+    "dotenv": "^16.5.0",
+    "express": "^5.1.0",
     "jsonwebtoken": "^9.0.2",
-    "mongoose": "^8.6.1",
-    "multer": "^1.4.5-lts.1",
-    "nodemailer": "^6.9.15",
-    "socket.io": "^4.7.5"
+    "mongoose": "^8.16.0",
+    "multer": "^2.0.1",
+    "nodemailer": "^7.0.3",
+    "socket.io": "^4.8.1"
   },
   "devDependencies": {
-    "nodemon": "^3.1.4"
+    "nodemon": "^3.1.10"
   }
 }

Frontend/src/pages/UserPanel/Ai.jsx

@@ -45,32 +45,34 @@ const Ai = () => {
   };
 
   return (
-    <div className="max-w-md mx-auto p-6 bg-white shadow rounded-lg">
-      <h2 className="text-2xl font-bold mb-4 text-center">
-        Plant disease prediction
-      </h2>
-      <form onSubmit={handleSubmit} className="space-y-4">
-        <input
-          type="file"
-          accept="image/*"
-          onChange={handleFileChange}
-          className="block w-full text-sm text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 p-2"
-        />
-        <button
-          type="submit"
-          disabled={loading || !selectedFile}
-          className="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          {loading ? "Predicting..." : "Predict"}
-        </button>
-      </form>
-      {error && <p className="mt-4 text-center text-red-600">{error}</p>}
-      {prediction && (
-        <div className="mt-4 p-4 bg-green-100 border border-green-300 rounded">
-          <h3 className="text-lg font-semibold">Prediction:</h3>
-          <p>{prediction}</p>
-        </div>
-      )}
+    <div className="min-h-screen w-full flex items-center justify-center max-h-screen">
+      <div className="max-w-md mx-auto p-6 bg-white shadow rounded-lg">
+        <h2 className="text-2xl font-bold mb-4 text-center">
+          Plant disease prediction
+        </h2>
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <input
+            type="file"
+            accept="image/*"
+            onChange={handleFileChange}
+            className="block w-full text-sm text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 p-2"
+          />
+          <button
+            type="submit"
+            disabled={loading || !selectedFile}
+            className="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded focus:outline-none focus:ring-2 focus:ring-blue-500"
+          >
+            {loading ? "Predicting..." : "Predict"}
+          </button>
+        </form>
+        {error && <p className="mt-4 text-center text-red-600">{error}</p>}
+        {prediction && (
+          <div className="mt-4 p-4 bg-green-100 border border-green-300 rounded">
+            <h3 className="text-lg font-semibold">Prediction:</h3>
+            <p>{prediction}</p>
+          </div>
+        )}
+      </div>
     </div>
   );
 };

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

@@ -37,7 +37,6 @@ const AddFarm = () => {
       setSuccess(true);
       setError(null);
       setIsModalOpen(false);
-      window.location.reload();
     } catch (err) {
       setError(err.message);
       setSuccess(false);

models/server.js

@@ -3,10 +3,19 @@ const express = require("express");
 const { spawn } = require("child_process");
 const path = require("path");
 const upload = require("./Middleware/multer");
+const cors = require("cors");
 
 const app = express();
 const PORT = 3000;
 
+const corsOptions = {
+  origin: "http://localhost:5173",
+  methods: "GET,HEAD,PUT,PATCH,POST,DELETE",
+  credentials: true,
+};
+
+app.use(cors(corsOptions));
+
 // Endpoint to run the Python script
 app.post("/predict", upload.single("image"), (req, res) => {
   console.log("File is uploaded successfully" + req.file?.path);
@@ -22,7 +31,13 @@ app.post("/predict", upload.single("image"), (req, res) => {
   // Collect data from the script
   pythonProcess.stdout.on("data", (data) => {
     console.log(`Output: ${data}`);
-    res.send(data.toString()); // Send the output back to the client
+
+    res.status(200).json({
+      success: true,
+      message: "Image uploaded successfully",
+      data: data.toString(),
+    });
+    //res.send(data.toString()); // Send the output back to the client
   });
 
   // Handle errors

package.json

@@ -1,5 +0,0 @@
-{
-  "dependencies": {
-    "apexcharts": "^3.46.0"
-  }
-}