Added NODE_ENV=production for backend, frontend and model containers.

- Display meaningful error messages on login failure, including rate limiting (429)
- Added fallback for unexpected JSON responses from the server
- Integrated `Message` component for error display
- Cleaned up form value clearing and error state management

.env

@@ -0,0 +1,22 @@
+# Database
+MONGODB_ROOT_USERNAME=mongo_user
+MONGODB_ROOT_PASSWORD=mongo_pass
+MONGODB_URI=mongodb://mongo_user:mongo_pass@database:27017
+
+# SMTP
+SMTP_SERVICE=gmail
+SMTP_EMAILADDR=example@gmail.com
+SMTP_PASSWORD=app pass here
+SMTP_HOST=smtp.gmail.com
+SMTP_PORT=587
+
+# Cloudinary
+CLOUDINARY_CLOUD_NAME=cloudname_here
+CLOUDINARY_API_KEY=api_key_here
+CLOUDINARY_API_SECRET=api_secret_here
+
+# Gemini
+GEMINI_API_KEY=gemini_api_here
+
+# Refresh token
+REFRESH_TOKEN_SECRET=a_random_60_or_more_char_secret_here

.gitignore

@@ -1,2 +1,4 @@
 package-lock.json
 node_modules/
+db/
+deployed-compose.yaml

Backend/.dockerignore

@@ -0,0 +1,6 @@
+Dockerfile
+node_modules/
+package-lock.json
+.dockerignore
+.env.back
+.gitignore

Backend/.env

@@ -0,0 +1,26 @@
+PORT = 8000
+FRONTEND_URI = ${FRONTEND_URI}
+
+# Database
+MONGODB_URI = ${MONGODB_URI}
+DATABASE_NAME=CropCompass
+
+# Mail server
+SMPT_SERVICE = ${SMTP_SERVICE}
+SMPT_MAIL = ${SMTP_EMAILADDR}
+SMPT_PASSWORD = ${SMTP_PASSWORD}
+HOST = ${SMTP_HOST}
+EMAIL_PORT = ${SMTP_PORT}
+
+# Cloudinary
+CLOUDINARY_CLOUD_NAME = ${CLOUDINARY_CLOUD_NAME}
+CLOUDINARY_API_KEY = ${CLOUDINARY_API_KEY}
+CLOUDINARY_API_SECRET = ${CLOUDINARY_API_SECRET}
+
+# Gemini
+GEMINI_API_KEY = ${GEMINI_API_KEY}
+
+# Refresh token
+TOKEN_NAME  = uid
+REFRESH_TOKEN_EXPIRY = 10d
+REFRESH_TOKEN_SECRET = ${REFRESH_TOKEN_SECRET}

Backend/.gitignore

@@ -0,0 +1,59 @@
+package-lock.json
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Environment files
+.env.bak
+.env.*.local
+
+# Build outputs
+dist/
+build/
+
+# Static files
+public/
+out/
+
+# Test files
+coverage/
+*.lcov
+
+# Database files
+*.sqlite3
+*.db
+*.db-wal
+*.db-shm
+
+# Temporary files
+*.tmp
+*.temp
+*.swp
+*.swo
+
+# IDE and editor files
+.vscode/
+.idea/
+*.iml
+
+# System files
+.DS_Store
+Thumbs.db
+
+# Other
+*.log.*

Backend/Controllers/crop.controller.js

@@ -0,0 +1,217 @@
+const Crop = require("../Models/crop.model.js");
+const Farm = require("../Models/farm.model.js");
+const { uploadOnCloudinary } = require("../Utils/cloudinary.js");
+const { run } = require("../Utils/model.js");
+
+// Create a new crop
+const createCrop = async (req, res) => {
+  try {
+    const { name, farm, harvestDate, growthStage, healthStatus } = req.body;
+    if (!req.file.path) {
+      res.status(500).json({
+        success: false,
+        message: "Avatar not uploaded on cloudinary.",
+      });
+    }
+
+    const imageUrl = await uploadOnCloudinary(req.file.path);
+
+    console.log("Image url is : ", imageUrl);
+
+    if (!imageUrl) {
+      return res.status(500).json({
+        success: false,
+        message: "Image not uploaded on cloudinary.",
+      });
+    }
+
+    // Check if the farm exists
+    const existingFarm = await Farm.findById(farm);
+    if (!existingFarm)
+      return res.status(404).json({ message: "Farm not found" });
+
+    const crop = new Crop({
+      name,
+      farm,
+      image: imageUrl,
+      harvestDate,
+      growthStage,
+      healthStatus,
+    });
+
+    await crop.save();
+
+    // Add crop to farm
+    existingFarm.crops.push(crop._id);
+    await existingFarm.save();
+
+    res.status(201).json(crop);
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Get all crops for a specific farm
+const getCropsByFarm = async (req, res) => {
+  try {
+    console.log("My farm id is : ", req.params.farmId);
+    const crops = await Crop.find({ farm: req.params.farmId });
+
+    res.status(200).json(crops);
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Get a single crop by ID
+const getCropById = async (req, res) => {
+  try {
+    const crop = await Crop.findById(req.params.cropId).populate("farm");
+
+    if (!crop) return res.status(404).json({ message: "Crop not found" });
+
+    res.status(200).json(crop);
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Update crop details
+const updateCrop = async (req, res) => {
+  try {
+    const updatedCrop = await Crop.findByIdAndUpdate(
+      req.params.cropId,
+      req.body,
+      { new: true }
+    );
+
+    if (!updatedCrop)
+      return res.status(404).json({ message: "Crop not found" });
+
+    res.status(200).json(updatedCrop);
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Delete a crop
+const deleteCrop = async (req, res) => {
+  try {
+    const crop = await Crop.findById(req.params.cropId);
+
+    if (!crop) return res.status(404).json({ message: "Crop not found" });
+
+    await crop.deleteOne();
+
+    // Remove crop from the farm
+    await Farm.findByIdAndUpdate(crop.farm, { $pull: { crops: crop._id } });
+
+    res.status(200).json({ message: "Crop deleted successfully" });
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Update crop growth stage
+const updateGrowthStage = async (req, res) => {
+  try {
+    const { growthStage } = req.body;
+
+    const crop = await Crop.findById(req.params.cropId);
+    if (!crop) return res.status(404).json({ message: "Crop not found" });
+
+    crop.growthStage = growthStage;
+    await crop.save();
+
+    res.status(200).json({ message: "Growth stage updated", crop });
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Update crop health status
+const updateHealthStatus = async (req, res) => {
+  try {
+    const { healthStatus } = req.body;
+
+    const crop = await Crop.findById(req.params.cropId);
+    if (!crop) return res.status(404).json({ message: "Crop not found" });
+
+    crop.healthStatus = healthStatus;
+    await crop.save();
+
+    res.status(200).json({ message: "Health status updated", crop });
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+const cropHarvest = async (req, res) => {
+  try {
+    const crop = await Crop.findById(req.params.cropId).populate("farm");
+    console.log(crop);
+
+    const message = `My crop is ${crop.name}, given that I have planted it on ${crop.plantedDate}, suggest me a date as to when it will be harvested. Give output in the form: ${crop.name} will take .. months to harvest around (give month name and year).`; // for harvest expectation
+
+    const result = await run(message);
+    res.status(200).json({ message: result });
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+const suggestNextCrop = async (req, res) => {
+  try {
+    const crop = await Crop.findById(req.params.cropId).populate("farm");
+    console.log(crop);
+
+    const message = `Currently I have ${crop.name} in my field. Considering the best optimal time for its harvestation give my location, ${crop.farm.location} and water content of my field is ${crop.farm.waterContent}. Suggest next crop I should grow and give more suggestions around it. Don't tell me when to harvest ${crop.name}, only tell me next best crop to plant in my field and give suggestions around it.`; // for next sowing suggestion
+
+    const result = await run(message);
+    res.status(200).json({ message: result });
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+const suggestPesticides = async (req, res) => {
+  try {
+    const crop = await Crop.findById(req.params.cropId).populate("farm");
+    console.log(crop);
+
+    const message = `Considering I have grown ${crop.name} in my field located in ${crop.farm.location} and has water content of ${crop.farm.waterContent}. Suggest pesticides I should use on the crop and when to use it considering my sow date is ${crop.sowDate}. Give precautionary measures and suggestions around it.`; // for pesticides
+
+    const result = await run(message);
+    res.status(200).json({ message: result });
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+const suggestFertilizers = async (req, res) => {
+  try {
+    const crop = await Crop.findById(req.params.cropId).populate("farm");
+    console.log(crop);
+
+    const message = `Considering I have grown ${crop.name} in my field located in ${crop.farm.location} and has water content of ${crop.farm.waterContent}. Suggest fertilizers I should use on the crop and when to use it, i.e. after how many months after sowing considering sowing date is ${crop.sowDate} considering my sow date is ${crop.sowDate}. Give me precautionary measures.`; // for fertilizers
+
+    const result = await run(message);
+    res.status(200).json({ message: result });
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+module.exports = {
+  createCrop,
+  getCropsByFarm,
+  getCropById,
+  updateCrop,
+  deleteCrop,
+  updateGrowthStage,
+  updateHealthStatus,
+  cropHarvest,
+  suggestNextCrop,
+  suggestPesticides,
+  suggestFertilizers,
+};

Backend/Controllers/farm.controller.js

@@ -0,0 +1,132 @@
+const Farm = require("../Models/farm.model.js");
+const Crop = require("../Models/crop.model.js");
+const Finance = require("../Models/finance.model.js");
+
+// Create a farm
+const createFarm = async (req, res) => {
+  try {
+    const { name, location, waterContent, soilType, size } = req.body;
+
+    const farm = new Farm({
+      name,
+      location,
+      size,
+      waterContent,
+      soilType,
+      owner: req.user._id,
+    });
+
+    await farm.save();
+    res.status(201).json(farm);
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Get all farms for a user
+const getUserFarms = async (req, res) => {
+  try {
+    const farms = await Farm.find({ owner: req.user._id })
+      .populate("crops")
+      .populate("finances");
+
+    res.status(200).json(farms);
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Get a single farm by ID
+const getFarmById = async (req, res) => {
+  try {
+    console.log("also i am clla ing", "My farm id is : ", req.params.farmId);
+    const farm = await Farm.findById(req.params.farmId)
+      .populate("crops")
+      .populate("finances");
+
+    if (!farm) return res.status(404).json({ message: "Farm not found" });
+
+    res.status(200).json(farm);
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Update farm details
+const updateFarm = async (req, res) => {
+  try {
+    const updatedFarm = await Farm.findByIdAndUpdate(
+      req.params.farmId,
+      req.body,
+      { new: true }
+    );
+
+    if (!updatedFarm)
+      return res.status(404).json({ message: "Farm not found" });
+
+    res.status(200).json(updatedFarm);
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Delete a farm
+const deleteFarm = async (req, res) => {
+  try {
+    const farm = await Farm.findById(req.params.farmId);
+
+    if (!farm) return res.status(404).json({ message: "Farm not found" });
+
+    await Crop.deleteMany({ farm: farm._id });
+    await Finance.findByIdAndDelete(farm.finances);
+    await farm.deleteOne();
+
+    res.status(200).json({ message: "Farm deleted successfully" });
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Add fertilizer to a farm
+const addFertilizer = async (req, res) => {
+  try {
+    const { name, quantity } = req.body;
+
+    const farm = await Farm.findById(req.params.farmId);
+    if (!farm) return res.status(404).json({ message: "Farm not found" });
+
+    farm.fertilizer.push({ name, quantity });
+    await farm.save();
+
+    res.status(200).json({ message: "Fertilizer added", farm });
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Add pesticide to a farm
+const addPesticide = async (req, res) => {
+  try {
+    const { name, quantity } = req.body;
+
+    const farm = await Farm.findById(req.params.farmId);
+    if (!farm) return res.status(404).json({ message: "Farm not found" });
+
+    farm.pestisides.push({ name, quantity });
+    await farm.save();
+
+    res.status(200).json({ message: "Pesticide added", farm });
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+module.exports = {
+  createFarm,
+  getUserFarms,
+  getFarmById,
+  updateFarm,
+  deleteFarm,
+  addFertilizer,
+  addPesticide,
+};

Backend/Controllers/finance.controller.js

@@ -0,0 +1,182 @@
+const Finance = require("../Models/finance.model.js");
+const Farm = require("../Models/farm.model.js");
+
+// Create finance record for a farm
+// const createFinance = async (req, res) => {
+//   try {
+//     const { farm } = req.body;
+
+//     console.log("My farm id is which is going to be created : ", req.body);
+
+//     // Check if the farm exists
+//     const existingFarm = await Farm.findById(farm);
+//     if (!existingFarm)
+//       return res.status(404).json({ message: "Farm not found" });
+
+//     const finance = new Finance({
+//       farm,
+//       transactions: [],
+//       totalExpenses: 0,
+//       totalRevenue: 0,
+//     });
+
+//     await finance.save();
+
+//     // Link finance to farm
+//     existingFarm.finances = finance._id;
+//     await existingFarm.save();
+
+//     res.status(201).json(finance);
+//   } catch (error) {
+//     res.status(500).json({ message: error.message });
+//   }
+// };
+const createFinance = async (req, res) => {
+  try {
+    const { farm } = req.body;
+
+    console.log("My farm id is which is going to be created : ", farm);
+
+    // Check if the farm exists
+    const existingFarm = await Farm.findById(farm);
+    if (!existingFarm) {
+      return res.status(404).json({ message: "Farm not found" });
+    }
+
+    // Check if finance already exists for this farm
+    if (existingFarm.finances) {
+      return res
+        .status(400)
+        .json({ message: "Finance already exists for this farm" });
+    }
+
+    // Create finance entry
+    const finance = new Finance({
+      farm,
+      transactions: [],
+      totalExpenses: 0,
+      totalRevenue: 0,
+    });
+
+    await finance.save();
+
+    // Link finance to farm
+    existingFarm.finances = finance._id;
+    await existingFarm.save();
+
+    res.status(201).json(finance);
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Get finance details by farm ID
+const getFinanceByFarm = async (req, res) => {
+  try {
+    console.log("My farm id is : ", req.params.farmId);
+    const finance = await Finance.findOne({ farm: req.params.farmId });
+
+    if (!finance)
+      return res.status(404).json({ message: "Finance record not found" });
+
+    res.status(200).json(finance);
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Add a transaction (expense/revenue)
+const addTransaction = async (req, res) => {
+  try {
+    const { type, amount, description } = req.body;
+
+    console.log("My type is : ", type);
+    console.log("My amount is : ", amount);
+    console.log("My description is : ", description);
+
+    console.log("My finance id is : ", req.params.financeId);
+
+    const finance = await Finance.findById(req.params.financeId);
+    if (!finance)
+      return res.status(404).json({ message: "Finance record not found" });
+
+    finance.transactions.push({ type, amount, description });
+
+    // Update totals
+    if (type === "Expense") {
+      finance.totalExpenses += amount;
+    } else if (type === "Revenue") {
+      finance.totalRevenue += amount;
+    }
+
+    await finance.save();
+    res.status(200).json({ message: "Transaction added", finance });
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Delete a transaction
+const deleteTransaction = async (req, res) => {
+  try {
+    const finance = await Finance.findById(req.params.financeId);
+    if (!finance)
+      return res.status(404).json({ message: "Finance record not found" });
+
+    const transaction = finance.transactions.id(req.params.transactionId);
+    if (!transaction)
+      return res.status(404).json({ message: "Transaction not found" });
+
+    // Adjust totals before removing
+    if (transaction.type === "Expense") {
+      finance.totalExpenses -= transaction.amount;
+    } else if (transaction.type === "Revenue") {
+      finance.totalRevenue -= transaction.amount;
+    }
+
+    transaction.remove();
+    await finance.save();
+
+    res.status(200).json({ message: "Transaction deleted", finance });
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Get all transactions for a farm's finance
+const getTransactions = async (req, res) => {
+  try {
+    const finance = await Finance.findById(req.params.financeId);
+    if (!finance)
+      return res.status(404).json({ message: "Finance record not found" });
+
+    res.status(200).json(finance.transactions);
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Get total expenses and revenue
+const getFinancialSummary = async (req, res) => {
+  try {
+    const finance = await Finance.findById(req.params.financeId);
+    if (!finance)
+      return res.status(404).json({ message: "Finance record not found" });
+
+    res.status(200).json({
+      totalExpenses: finance.totalExpenses,
+      totalRevenue: finance.totalRevenue,
+    });
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+module.exports = {
+  createFinance,
+  getFinanceByFarm,
+  addTransaction,
+  deleteTransaction,
+  getTransactions,
+  getFinancialSummary,
+};

Backend/Controllers/task.controller.js

@@ -0,0 +1,120 @@
+const Task = require("../Models/task.model.js");
+const Farm = require("../Models/farm.model.js");
+const Crop = require("../Models/crop.model.js");
+
+// Create a new task
+const createTask = async (req, res) => {
+  try {
+    const { farm, crop, taskType, description, assignedDate, status } =
+      req.body;
+
+    // Validate farm existence
+    const existingFarm = await Farm.findById(farm);
+    if (!existingFarm)
+      return res.status(404).json({ message: "Farm not found" });
+
+    // Validate crop if provided
+    if (crop) {
+      const existingCrop = await Crop.findById(crop);
+      if (!existingCrop)
+        return res.status(404).json({ message: "Crop not found" });
+    }
+
+    const task = new Task({
+      farm,
+      crop,
+      taskType,
+      description,
+      assignedDate,
+      status,
+    });
+
+    await task.save();
+    res.status(201).json(task);
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Get all tasks for a specific farm
+const getTasksByFarm = async (req, res) => {
+  try {
+    const tasks = await Task.find({ farm: req.params.farmId }).populate("crop");
+
+    res.status(200).json(tasks);
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Get a single task by ID
+const getTaskById = async (req, res) => {
+  try {
+    const task = await Task.findById(req.params.taskId).populate("farm crop");
+
+    if (!task) return res.status(404).json({ message: "Task not found" });
+
+    res.status(200).json(task);
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Update task details
+const updateTask = async (req, res) => {
+  try {
+    const updatedTask = await Task.findByIdAndUpdate(
+      req.params.taskId,
+      req.body,
+      { new: true }
+    );
+
+    if (!updatedTask)
+      return res.status(404).json({ message: "Task not found" });
+
+    res.status(200).json(updatedTask);
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Delete a task
+const deleteTask = async (req, res) => {
+  try {
+    const task = await Task.findById(req.params.taskId);
+
+    if (!task) return res.status(404).json({ message: "Task not found" });
+
+    await task.deleteOne();
+
+    res.status(200).json({ message: "Task deleted successfully" });
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+// Update task status (Pending → Completed)
+const updateTaskStatus = async (req, res) => {
+  try {
+    const { status } = req.body;
+
+    const task = await Task.findById(req.params.taskId);
+    if (!task) return res.status(404).json({ message: "Task not found" });
+
+    task.status = status;
+    await task.save();
+
+    res.status(200).json({ message: "Task status updated", task });
+  } catch (error) {
+    res.status(500).json({ message: error.message });
+  }
+};
+
+module.exports = {
+  createTask,
+  getTasksByFarm,
+  getTaskById,
+  updateTask,
+  deleteTask,
+  updateTaskStatus,
+};

Backend/Controllers/user.controller.js

@@ -0,0 +1,481 @@
+const catchAsyncErrors = require("../Middlewares/catchAsyncErrors.js");
+const User = require("../Models/user.model.js");
+const { uploadOnCloudinary } = require("../Utils/cloudinary.js");
+const sendEmail = require("../Utils/sendmail.js");
+const crypto = require("crypto");
+const jwt = require("jsonwebtoken");
+const sha1 = require("sha1");
+const axios = require("axios");
+
+// Register or Sign up new User -- Done
+const registerUser = catchAsyncErrors(async (req, res) => {
+  const { name, email, password, role } = req.body;
+
+// Strong password policy
+  const strongPasswordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&]).{8,}$/;
+  if (!strongPasswordRegex.test(password)) {
+    return res.status(400).json({ success: false, message: "Password must be at least 8 characters long and include uppercase, lowercase, number, and special character." });
+  }
+
+// Check for data breach with haveibeenpwned.com
+  const hashed = sha1(password).toUpperCase();
+  const prefix = hashed.slice(0, 5);
+  const suffix = hashed.slice(5);
+  const response = await axios.get(`https://api.pwnedpasswords.com/range/${prefix}`);
+  if (response.data.includes(suffix)) {
+    return res.status(400).json({ success: false, message: "This password has appeared in a data breach. Please choose a different one." });
+  }
+
+  const user = await User.create({
+    name,
+    email,
+    password,
+    role,
+  });
+
+  if (!user) {
+    return res.status(500).json({
+      success: false,
+      message: "User not created something went wrong.",
+    });
+  }
+
+  return res.status(200).json({
+    success: true,
+    message: "User is registered successfully",
+    data: user,
+  });
+});
+
+// Login user in our web app -- Done
+const loginUser = catchAsyncErrors(async (req, res) => {
+  const { email, password } = req.body;
+
+  const user = await User.findOne({ email });
+
+  if (!user) {
+    return res.status(404).json({
+      success: false,
+      message: "User not found",
+    });
+  }
+
+  const checkUser = await user.isPasswordCorrect(password);
+
+  if (!checkUser) {
+    return res.status(500).json({
+      success: false,
+      message: "Password is incorrect",
+    });
+  }
+
+  const token = await user.generateRefreshToken();
+
+  if (!token) {
+    return res.status(500).json({
+      success: false,
+      message: "token not created something went wrong.",
+    });
+  }
+
+  user.password = null;
+
+  return res
+    .status(200)
+    .cookie("uid", token, {
+      httpOnly: true, // Prevent access from JavaScript (recommended for security)
+      secure: false, // ⚠️ Set to `false` for localhost
+      sameSite: "Lax", // Use "Lax" instead of "None" for better compatibility
+      path: "/",
+      expires: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000), // 7 days
+    })
+    .json({
+      success: true,
+      message: "User is successfully logged in.",
+      data: user,
+    });
+});
+
+// Logout user in our web app -- Done
+const logoutUser = catchAsyncErrors(async (req, res) => {
+  return res
+    .clearCookie(process.env.TOKEN_NAME, {
+      path: "/",
+      sameSite: "None",
+      secure: process.env.NODE_ENV === "production",
+      httpOnly: true,
+      expires: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000),
+    })
+    .status(201)
+    .json({
+      success: true,
+      message: "User is logged out successfully",
+    });
+});
+
+//  -- DONE
+const intializeUser = catchAsyncErrors(async (req, res) => {
+  const tokenValue = req.cookies[process.env.TOKEN_NAME];
+
+  // console.log("I am the one who is doing this : ", tokenValue);
+
+  if (!tokenValue) {
+    return res.status(404).json({
+      success: false,
+      message: "User is not logged in.",
+    });
+  }
+
+  try {
+    const payload = await jwt.verify(
+      tokenValue,
+      process.env.REFRESH_TOKEN_SECRET
+    );
+
+    if (!payload) {
+      return res.status(404).json({
+        success: false,
+        message: "Something went wrong",
+      });
+    }
+
+    const user = await User.findById(payload._id).select("-password");
+
+    return res.status(200).json({
+      success: true,
+      message: "User data get successfully",
+      data: user,
+    });
+  } catch (error) {
+    return res.status(404).json({
+      success: false,
+      message: "Something went wrong",
+    });
+  }
+});
+
+// Update user deatails -- ADMIN
+const updateUserDetails = catchAsyncErrors(async (req, res) => {
+  const user = await User.findById(req.params.id);
+  if (!user) {
+    return res.status(404).json({
+      success: true,
+      message: "User not found",
+    });
+  }
+
+  const { name, email } = req.body;
+
+  const updateUser = await User.findByIdAndUpdate(req.params.id, {
+    $set: {
+      name: name,
+      email: email,
+    },
+  }).select("-password");
+
+  return res.status(200).json({
+    success: true,
+    message: "User is updated successfully",
+    data: updateUser,
+  });
+});
+
+// forget password -- Done
+const forgetPassword = catchAsyncErrors(async (req, res) => {
+  const { email } = req.body;
+  const user = await User.findOne({ email });
+
+  if (!user) {
+    return res.status(404).json({
+      success: false,
+      message: "User not found ",
+    });
+  }
+
+  // get reset password
+
+  const resetToken = await user.getResetPassword();
+
+  await user.save({ validateBeforeSave: false });
+
+  /*const resetPasswordUrl = `${req.protocol}://${req.get(
+    "host"
+  )}/api/v1/password/reset/${resetToken}`;*/
+
+  const resetPasswordUrl = `${process.env.FRONTEND_URI}/user/api/v1/password/reset/${resetToken}`;
+
+  const message = `Your password token is :-\n\n${resetPasswordUrl}\n\nIf you are not requested this email then please ingore this mail.`;
+
+  try {
+    await sendEmail({
+      email: user.email,
+      subject: "MentorFlux password recovery",
+      message: message,
+    });
+    return res.status(200).json({
+      success: true,
+      message: `Email sent to ${email} successfully`,
+    });
+  } catch (error) {
+    user.resetPasswordToken = undefined;
+    user.resetPasswordExpiry = undefined;
+    await user.save({ validateBeforeSave: false });
+    return res.status(500).json({
+      success: false,
+      message: "Something went wrong ",
+      error: error,
+    });
+  }
+});
+
+// reset users password -- DONE
+const resetPassword = catchAsyncErrors(async (req, res) => {
+  const token = req.params.token;
+
+  const { password, confirmPassword } = req.body;
+
+  //console.log("My password is :", password);
+  //console.log("My confirmPassword is :", confirmPassword);
+  //console.log("My token is :", token);
+  const resetPasswordToken = await crypto
+    .createHash("sha256")
+    .update(token)
+    .digest("hex");
+
+  const user = await User.findOne({
+    resetPasswordToken,
+    resetPasswordExpiry: { $gte: Date.now() },
+  });
+
+  if (!user) {
+    return res.status(401).json({
+      success: false,
+      message: "Reset Password token is invalid or has been expired",
+    });
+  }
+
+  if (password !== confirmPassword) {
+    return res.status(401).json({
+      success: false,
+      message: "Please enter password and confirm password",
+    });
+  }
+
+  user.password = password;
+  user.resetPasswordToken = undefined;
+  user.resetPasswordExpiry = undefined;
+
+  //console.log("To check the user ", user);
+
+  await user.save();
+
+  return res.status(200).json({
+    success: true,
+    message: "Password changed successfully",
+  });
+});
+
+// get user personal details
+const getUserDetails = catchAsyncErrors(async (req, res) => {
+  const user = await User.findById(req.user._id);
+
+  if (!user) {
+    return res.status(500).json({
+      success: false,
+      message: "Something went wrong ",
+    });
+  }
+
+  return res.status(200).json({
+    success: true,
+    message: "User details are fetched successfully",
+    data: user,
+  });
+});
+
+// Update users password
+const updatePassword = catchAsyncErrors(async (req, res) => {
+  const { password, oldPassword, confirmPassword } = req.body;
+
+  const user = await User.findById(req.user._id);
+
+  const isPasswordMatched = await user.isPasswordCorrect(oldPassword);
+
+  if (!user) {
+    return res.status(500).json({
+      success: false,
+      message: "User not found",
+    });
+  }
+
+  if (!isPasswordMatched) {
+    return res.status(500).json({
+      success: false,
+      message: "Old password is incorrect.Please enter correct password ",
+    });
+  }
+
+  if (password !== confirmPassword) {
+    return res.status(500).json({
+      success: false,
+      message: "Password and Confirm password should be same.",
+    });
+  }
+
+  user.password = password;
+  await user.save({ validateBeforeSave: false });
+
+  return res.status(200).json({
+    success: true,
+    message: "Password upadated successfully",
+  });
+});
+
+// update personal details
+const updatePersonalDetails = catchAsyncErrors(async (req, res) => {
+  const { name, email } = req.body;
+  const user = await User.findByIdAndUpdate(req.user._id, {
+    $set: {
+      name,
+      email,
+    },
+  });
+
+  if (!user) {
+    return res.status(500).json({
+      success: false,
+      message: "Something went wrong",
+    });
+  }
+
+  return res.status(200).json({
+    success: true,
+    message: "User details updated successfully",
+    data: user,
+  });
+});
+
+// Get all users details -- ADMIN
+const getAllusersDetail = catchAsyncErrors(async (req, res) => {
+  const users = await find();
+  return res.status(200).json({
+    success: true,
+    message: "All user fetch successfully",
+    data: users,
+  });
+});
+
+// get single user details
+const getSingaluserDetail = catchAsyncErrors(async (req, res) => {
+  const user = await User.findById(req.params.id);
+
+  if (!user) {
+    return res.status(404).json({
+      success: false,
+      message: "User not found",
+    });
+  }
+});
+
+// upadate user Role -- ADMIN
+const updateUserRole = catchAsyncErrors(async (req, res) => {
+  const { name, email, role } = req.body;
+  const user = await User.findByIdAndUpdate(req.params.id, {
+    $set: {
+      name,
+      email,
+      role,
+    },
+  });
+
+  if (!user) {
+    return res.status(500).json({
+      success: false,
+      message: "Something went wrong",
+    });
+  }
+
+  return res.status(200).json({
+    success: true,
+    message: "User Role updated successfully",
+    data: user,
+  });
+});
+
+// Delete user -- ADMIN
+const DeleteUser = catchAsyncErrors(async (req, res) => {
+  const user = await User.findByIdAndDelete(req.params.id);
+
+  if (!user) {
+    return res.status(404).json({
+      success: false,
+      message: "User does not exist",
+    });
+  }
+
+  return res.status(200).json({
+    success: true,
+    message: "User deleted successfully",
+    data: user,
+  });
+});
+
+// update avatar -- user
+const updateAvatar = catchAsyncErrors(async (req, res) => {
+  //console.log("Our file is  : ", req.file.path);
+
+  if (!req.file.path) {
+    res.status(500).json({
+      success: false,
+      message: "Avatar not uploaded on cloudinary.",
+    });
+  }
+
+  const avatarUrl = await uploadOnCloudinary(req.file.path);
+
+  if (!avatarUrl) {
+    return res.status(500).json({
+      success: false,
+      message: "Avatar not uploaded on cloudinary.",
+    });
+  }
+
+  //console.log("Avatar url is : ", avatarUrl);
+
+  //console.log("our user is  : ", req.user);
+
+  const user = await User.findByIdAndUpdate(req.user._id, {
+    $set: {
+      avatar: avatarUrl,
+    },
+  });
+
+  if (!user) {
+    return res.status(404).json({
+      success: false,
+      message: "User not found.",
+    });
+  }
+
+  return res.status(200).json({
+    success: true,
+    message: "Avatar updated successfully.",
+    data: user,
+  });
+});
+
+module.exports = {
+  registerUser,
+  loginUser,
+  logoutUser,
+  updateUserDetails,
+  forgetPassword,
+  resetPassword,
+  getUserDetails,
+  updatePassword,
+  updatePersonalDetails,
+  updateUserRole,
+  DeleteUser,
+  intializeUser,
+  updateAvatar,
+};

Backend/Database/DB_connect.js

@@ -0,0 +1,25 @@
+const mongoose = require("mongoose");
+const catchAsyncErrors = require("../Middlewares/catchAsyncErrors.js");
+
+const DB_connect = catchAsyncErrors(async () => {
+  try {
+    const dbUri = `${process.env.MONGODB_URI}/${process.env.DATABASE_NAME}?authSource=admin`;
+    const connectionInstance = await mongoose.connect(dbUri, {
+      useNewUrlParser: true,
+      useUnifiedTopology: true,
+    });
+
+    if (!connectionInstance) {
+      console.log("MongoDB connection failed");
+    } else {
+      console.log(
+        "MongoDB connected Successfully to:",
+        connectionInstance.connection.host
+      );
+    }
+  } catch (error) {
+    console.log("MongoDB connection failed due to some error :", error);
+  }
+});
+
+module.exports = DB_connect;

Backend/Dockerfile

@@ -0,0 +1,37 @@
+# Base image
+FROM node:22
+
+# Metadata
+LABEL maintainer="kshitijka"
+LABEL version=1.1.0
+LABEL description="Crop Compass is a centralized management dashboard designed for farmers, enabling them to efficiently oversee their farms while leveraging advanced AI technology for disease identification and more."
+
+# Update and upgrade
+RUN apt update && apt upgrade -y && \
+    apt clean all && rm -rf /var/lib/apt/lists/*
+
+# Create non-root user
+RUN useradd -s /bin/bash nonroot
+
+# Create working directory
+RUN mkdir -p /app /home/nonroot
+RUN chown -R nonroot:nonroot /app /home/nonroot
+WORKDIR /app
+
+# Switch user
+USER nonroot
+
+# Copy contents
+COPY . .
+
+# Generate a random hex token and write it to .env
+#RUN echo "REFRESH_TOKEN_SECRET = $(openssl rand -hex 32)" >> /app/.env
+
+# Install dependencies
+RUN npm install
+
+# Expose backend port
+EXPOSE 8000
+
+# Run backend
+CMD ["node", "index.js"]

Backend/Middlewares/authentication.js

@@ -0,0 +1,49 @@
+const jwt = require("jsonwebtoken");
+const User = require("../Models/user.model.js");
+const dotenv = require("dotenv");
+dotenv.config({
+  path: "./.env",
+});
+
+async function checkAuthenticated(req, res, next) {
+  const tokenValue = req.cookies[process.env.TOKEN_NAME];
+
+  console.log("I am called", tokenValue);
+  if (!tokenValue) {
+    return res.status(404).json({
+      success: false,
+      message: "User is not logged in.",
+    });
+  }
+  try {
+    const payload = await jwt.verify(
+      tokenValue,
+      process.env.REFRESH_TOKEN_SECRET
+    );
+
+    if (!payload) {
+      return next();
+    }
+
+    req.user = payload;
+    return next();
+  } catch (error) {
+    return next();
+  }
+}
+
+function authorizeRoles(...roles) {
+  return async (req, res, next) => {
+    if (!roles.includes(req.user.role)) {
+      return res.status(401).json({
+        success: false,
+        message: "You are unauthorised to access this resource",
+      });
+      return next();
+    }
+
+    return next();
+  };
+}
+
+module.exports = { checkAuthenticated, authorizeRoles };

Backend/Middlewares/catchAsyncErrors.js

@@ -0,0 +1,3 @@
+module.exports = (theFunc) => (req, res, next) => {
+  Promise.resolve(theFunc(req, res, next)).catch(next);
+};

Backend/Middlewares/multer.js

@@ -0,0 +1,16 @@
+const multer = require("multer");
+
+const storage = multer.diskStorage({
+  destination: function (req, file, cb) {
+    cb(null, "./uploads");
+  },
+
+  filename: function (req, file, cb) {
+    const uniquePrefix = Date.now();
+    cb(null, uniquePrefix + "-" + file.originalname);
+  },
+});
+
+const upload = multer({ storage: storage });
+
+module.exports = upload;

Backend/Middlewares/rateLimiter.js

@@ -0,0 +1,11 @@
+const rateLimit = require("express-rate-limit");
+
+const loginLimiter = rateLimit({
+  windowMs: 15 * 60 * 1000, // 15 minutes
+  max: 5, // limit each IP to 5 login requests per windowMs
+  message: "Too many login attempts. Try again in 15 minutes.",
+  standardHeaders: true,
+  legacyHeaders: false,
+});
+
+module.exports = { loginLimiter };

Backend/Models/crop.model.js

@@ -0,0 +1,22 @@
+const mongoose = require("mongoose");
+
+const cropSchema = new mongoose.Schema(
+  {
+    name: { type: String, required: true },
+    farm: { type: mongoose.Schema.Types.ObjectId, ref: "Farm", required: true },
+    image: { type: String },
+    plantedDate: { type: Date, required: true, default: Date.now() },
+    harvestDate: { type: Date },
+    growthStage: {
+      type: String,
+      enum: ["Planted", "Growing", "Ready to Harvest"],
+      default: "Planted",
+    },
+    healthStatus: { type: String, default: "Healthy" },
+  },
+  { timestamps: true }
+);
+
+const Crop = mongoose.model("Crop", cropSchema);
+
+module.exports = Crop;

Backend/Models/farm.model.js

@@ -0,0 +1,37 @@
+const mongoose = require("mongoose");
+
+const farmSchema = new mongoose.Schema(
+  {
+    name: { type: String, required: true },
+    location: { type: String, required: true },
+    owner: {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "User",
+      required: true,
+    },
+    size: { type: String },
+    waterContent: { type: String, required: true },
+    soilType: { type: String, required: true },
+    fertilizer: [
+      {
+        name: { type: String },
+        quantity: { type: Number },
+        addedAt: { type: Date, default: Date.now },
+      },
+    ],
+    pestisides: [
+      {
+        name: { type: String },
+        quantity: { type: Number },
+        addedAt: { type: Date, default: Date.now },
+      },
+    ],
+    crops: [{ type: mongoose.Schema.Types.ObjectId, ref: "Crop" }],
+    finances: { type: mongoose.Schema.Types.ObjectId, ref: "Finance" },
+  },
+  { timestamps: true }
+);
+
+const Farm = mongoose.model("Farm", farmSchema);
+
+module.exports = Farm;

Backend/Models/finance.model.js

@@ -0,0 +1,21 @@
+const mongoose = require("mongoose");
+const financeSchema = new mongoose.Schema(
+  {
+    farm: { type: mongoose.Schema.Types.ObjectId, ref: "Farm", required: true },
+    transactions: [
+      {
+        type: { type: String, enum: ["Expense", "Revenue"], required: true },
+        amount: { type: Number, required: true },
+        description: { type: String },
+        date: { type: Date, default: Date.now },
+      },
+    ],
+    totalExpenses: { type: Number, default: 0 },
+    totalRevenue: { type: Number, default: 0 },
+  },
+  { timestamps: true }
+);
+
+const Finance = mongoose.model("Finance", financeSchema);
+
+module.exports = Finance;

Backend/Models/task.model.js

@@ -0,0 +1,31 @@
+const mongoose = require("mongoose");
+
+const taskSchema = new mongoose.Schema(
+  {
+    farm: { type: mongoose.Schema.Types.ObjectId, ref: "Farm", required: true },
+    crop: { type: mongoose.Schema.Types.ObjectId, ref: "Crop" },
+    taskType: {
+      type: String,
+      enum: [
+        "Sowing",
+        "Watering",
+        "Fertilization",
+        "Pest Control",
+        "Harvesting",
+      ],
+      required: true,
+    },
+    description: { type: String },
+    assignedDate: { type: Date, required: true, default: Date.now },
+    status: {
+      type: String,
+      enum: ["Pending", "Completed"],
+      default: "Pending",
+    },
+  },
+  { timestamps: true }
+);
+
+const Task = mongoose.model("Task", taskSchema);
+
+module.exports = Task;

Backend/Models/user.model.js

@@ -0,0 +1,85 @@
+const mongoose = require("mongoose");
+const bcrypt = require("bcrypt");
+const jwt = require("jsonwebtoken");
+const crypto = require("crypto");
+
+const userSchema = new mongoose.Schema(
+  {
+    name: {
+      type: String,
+      required: [true, "Please Enter your name"],
+      maxLength: [30, "Please Enter the valid name"],
+      minLength: [2, "Name should have more than 5 characters"],
+    },
+    country: {
+      type: String,
+    },
+    email: {
+      type: String,
+      required: true,
+      unique: true,
+      lowerCase: true,
+    },
+    password: {
+      type: String,
+      required: true,
+      minLength: [6, "Password should have more than 6 characters"],
+    },
+    avatar: {
+      type: String,
+      default: "/images/profile.jpeg",
+    },
+    role: { type: String, enum: ["farmer", "admin"], default: "farmer" },
+    farms: [{ type: mongoose.Schema.Types.ObjectId, ref: "Farm" }],
+
+    resetPasswordToken: String,
+    resetPasswordExpiry: Date,
+  },
+  {
+    timestamps: true,
+  }
+);
+
+userSchema.pre("save", async function (next) {
+  if (!this.isModified("password")) return next();
+
+  this.password = await bcrypt.hash(this.password, 10);
+  return next();
+});
+
+userSchema.methods.isPasswordCorrect = async function (password) {
+  return await bcrypt.compare(password, this.password);
+};
+
+userSchema.methods.generateRefreshToken = async function () {
+  return await jwt.sign(
+    {
+      _id: this._id,
+      email: this.email,
+    },
+    process.env.REFRESH_TOKEN_SECRET
+    // {
+    //   expiresIn: process.env.REFRESH_TOKEN_EXPIRY,
+    // }
+  );
+};
+
+userSchema.methods.getResetPassword = async function () {
+  // Generating token
+  const resetToken = await crypto.randomBytes(20).toString("hex");
+
+  // Hashing and adding reset password token to userschema
+
+  this.resetPasswordToken = crypto
+    .createHash("sha256")
+    .update(resetToken)
+    .digest("hex");
+
+  this.resetPasswordExpiry = Date.now() + 15 * 60 * 1000;
+
+  return resetToken;
+};
+
+const User = mongoose.model("User", userSchema);
+
+module.exports = User;

Backend/Routes/crop.routes.js

@@ -0,0 +1,34 @@
+const express = require("express");
+const {
+  createCrop,
+  getCropsByFarm,
+  getCropById,
+  updateCrop,
+  deleteCrop,
+  updateHealthStatus,
+  updateGrowthStage,
+  cropHarvest,
+  suggestNextCrop,
+  suggestPesticides,
+  suggestFertilizers,
+} = require("../Controllers/crop.controller.js");
+const { checkAuthenticated } = require("../Middlewares/authentication.js");
+const upload = require("../Middlewares/multer.js");
+
+const router = express.Router();
+
+// Routes for crop management
+router.post("/", checkAuthenticated, upload.single("image"), createCrop); // Create a new crop
+router.get("/farm/:farmId", checkAuthenticated, getCropsByFarm); // Get all crops
+router.get("/:cropId", checkAuthenticated, getCropById); // Get a crop by ID
+router.put("/:cropId", checkAuthenticated, updateCrop); // Update crop details
+router.delete("/:cropId", checkAuthenticated, deleteCrop); // Delete a crop
+router.put("/health/:cropId", checkAuthenticated, updateHealthStatus);
+router.put("/growth/:cropId", checkAuthenticated, updateGrowthStage);
+
+router.get("/harvest/:cropId", checkAuthenticated, cropHarvest);
+router.get("/nextCrop/:cropId", checkAuthenticated, suggestNextCrop);
+router.get("/pesticides/:cropId", checkAuthenticated, suggestPesticides);
+router.get("/fertilizers/:cropId", checkAuthenticated, suggestFertilizers);
+
+module.exports = router;

Backend/Routes/farm.routes.js

@@ -0,0 +1,19 @@
+const express = require("express");
+const {
+  createFarm,
+  getUserFarms,
+  getFarmById,
+  updateFarm,
+  deleteFarm,
+} = require("../Controllers/farm.controller.js");
+const { checkAuthenticated } = require("../Middlewares/authentication.js");
+
+const router = express.Router();
+
+router.post("/", checkAuthenticated, createFarm); // Create a new farm
+router.get("/", checkAuthenticated, getUserFarms); // Get all farms
+router.get("/:farmId", checkAuthenticated, getFarmById); // Get a farm by ID
+router.put("/:farmId", checkAuthenticated, updateFarm); // Update a farm
+router.delete("/:farmId", checkAuthenticated, deleteFarm); // Delete a farm
+
+module.exports = router;

Backend/Routes/finance.routes.js

@@ -0,0 +1,24 @@
+const express = require("express");
+const {
+  addTransaction,
+  createFinance,
+  getFinanceByFarm,
+  deleteTransaction,
+  getTransactions,
+  getFinancialSummary,
+} = require("../Controllers/finance.controller.js");
+const { checkAuthenticated } = require("../Middlewares/authentication.js");
+
+const router = express.Router();
+
+// Routes for finance management
+router.post("/", checkAuthenticated, createFinance); // Create a new finance record
+router.get("/:farmId", checkAuthenticated, getFinanceByFarm); // Get all finance records
+router.get("/transactions/:financeId", checkAuthenticated, getTransactions); // Get a finance record by ID
+router.get("/summary/:financeId", checkAuthenticated, getFinancialSummary); //
+router.delete("/:financeId", checkAuthenticated, deleteTransaction); // Delete a finance record
+
+// Add transactions (Expense/Revenue) to a finance record
+router.post("/:financeId/transaction", checkAuthenticated, addTransaction);
+
+module.exports = router;

Backend/Routes/task.routes.js

@@ -0,0 +1,25 @@
+const { checkAuthenticated } = require("../Middlewares/authentication.js");
+
+const express = require("express");
+const {
+  createTask,
+  getTasksByFarm,
+  getTaskById,
+  updateTask,
+  deleteTask,
+  updateTaskStatus,
+} = require("../Controllers/task.controller.js");
+
+const router = express.Router();
+
+// Routes for task management
+router.post("/", checkAuthenticated, createTask); // Create a new task
+router.get("/farm/:farmId", checkAuthenticated, getTasksByFarm); // Get all tasks for a specific farm
+router.get("/:taskId", checkAuthenticated, getTaskById); // Get a task by ID
+router.put("/:taskId", checkAuthenticated, updateTask); // Update task details
+router.delete("/:taskId", checkAuthenticated, deleteTask); // Delete a task
+
+// Update task status (Pending → Completed)
+router.patch("/:taskId/status", checkAuthenticated, updateTaskStatus);
+
+module.exports = router;

Backend/Routes/user.routes.js

@@ -0,0 +1,54 @@
+const express = require("express");
+const {
+  registerUser,
+  loginUser,
+  logoutUser,
+  updateUserDetails,
+  forgetPassword,
+  resetPassword,
+  getUserDetails,
+  updatePassword,
+  updatePersonalDetails,
+  DeleteUser,
+  updateUserRole,
+  intializeUser,
+  updateAvatar,
+} = require("../Controllers/user.controller.js");
+
+const { checkAuthenticated } = require("../Middlewares/authentication.js");
+
+const upload = require("../Middlewares/multer.js");
+
+const { loginLimiter } = require("../Middlewares/rateLimiter");
+
+const router = express.Router();
+
+router.route("/register").post(registerUser);
+
+router.route("/login").post(loginLimiter, loginUser);
+
+router.route("/password/forgot").post(forgetPassword);
+
+router.route("/password/reset/:token").put(resetPassword);
+
+router.route("/logout").get(logoutUser);
+
+router.route("/update/:id").put(updateUserDetails);
+
+router.route("/me").get(checkAuthenticated, getUserDetails);
+
+router.route("/getuser").get(intializeUser);
+
+router.route("/password/update").put(updatePassword);
+
+router.route("/me/update").put(updatePersonalDetails);
+
+router.route("/user/delete/:id").delete(DeleteUser);
+
+router.route("/user/updateRole/:id").put(updateUserRole);
+
+router
+  .route("/user/avatar")
+  .put(checkAuthenticated, upload.single("avatar"), updateAvatar);
+
+module.exports = router;

Backend/Utils/cloudinary.js

@@ -0,0 +1,23 @@
+const cloudinary = require("cloudinary").v2;
+const fs = require("fs");
+
+const uploadOnCloudinary = async (localFilePath) => {
+  try {
+    if (!localFilePath) return null;
+
+    const responce = await cloudinary.uploader.upload(localFilePath, {
+      resource_type: "auto",
+    });
+
+    // console.log("File is uploaded successfully");
+    fs.unlinkSync(localFilePath, () => {
+      console.log("file removed successfully");
+    });
+    return responce.url;
+  } catch (error) {
+    fs.unlinkSync(localFilePath);
+    console.log("file removed successfully");
+    return null;
+  }
+};
+module.exports = { uploadOnCloudinary };

Backend/Utils/model.js

@@ -0,0 +1,100 @@
+const {
+  GoogleGenerativeAI,
+  HarmCategory,
+  HarmBlockThreshold,
+} = require("@google/generative-ai");
+
+const apiKey = "AIzaSyDsXug23r4umgcJpj77KeqNyYW0hQnYDgg";
+const genAI = new GoogleGenerativeAI(apiKey);
+
+const model = genAI.getGenerativeModel({
+  model: "gemini-2.0-flash",
+});
+
+const generationConfig = {
+  temperature: 1,
+  topP: 0.95,
+  topK: 40,
+  maxOutputTokens: 8192,
+  responseMimeType: "text/plain",
+};
+
+async function run(message) {
+  const chatSession = model.startChat({
+    generationConfig,
+    history: [
+      {
+        role: "user",
+        parts: [
+          {
+            text: "AI Guidelines:\n- The AI must only provide answers related to farming, including crops, sowing, irrigation, harvesting, fertilizers, pesticides, soil health, and climate conditions.  \n- The AI must not answer anything outside farming.  \n- If asked an unrelated question, the AI must not respond.  \n- If the query is unclear, the AI must default to farming-related guidance.  \n- The AI must provide only one-line responses without extra details.  \n- No harmful, hurtful, or controversial responses.  \n- No advice on illegal, unsafe, or unethical farming practices.\n",
+          },
+        ],
+      },
+      {
+        role: "model",
+        parts: [
+          {
+            text: "Understood. I will only provide one-line responses directly related to farming.\n",
+          },
+        ],
+      },
+      {
+        role: "user",
+        parts: [
+          {
+            text: "you can also receive json or javascript object as an input ",
+          },
+        ],
+      },
+      {
+        role: "model",
+        parts: [
+          {
+            text: "Understood. I will process the JSON or JavaScript object only if it pertains to farming and respond with a single line.\n",
+          },
+        ],
+      },
+      {
+        role: "user",
+        parts: [
+          {
+            text: "Answer everything which falls under the farming and agriculture even if the prompt does not include any farm or agriculture word in it",
+          },
+        ],
+      },
+      {
+        role: "model",
+        parts: [
+          {
+            text: "Understood. I will assume all queries are related to farming and provide a one-line farming-related response.\n",
+          },
+        ],
+      },
+      {
+        role: "user",
+        parts: [
+          {
+            text: "Give me a percise answer no matter what, dont give useless or incomplete answer \n",
+          },
+        ],
+      },
+      {
+        role: "model",
+        parts: [
+          {
+            text: "Understood. I will strive to provide precise and complete one-line farming-related answers.\n",
+          },
+        ],
+      },
+    ],
+  });
+
+  const result = await chatSession.sendMessage(message);
+  console.log(result.response.text());
+  return result.response.text();
+}
+
+module.exports = { run };
+
+// run("Sowing start and harvesting end which crop ?");

Backend/Utils/sendmail.js

@@ -0,0 +1,25 @@
+const nodemailer = require("nodemailer");
+
+const sendEmail = async (options) => {
+  const transporter = await nodemailer.createTransport({
+    service: "gmail",
+    host: process.env.HOST,
+    port: process.env.EMAIL_PORT,
+    secure: false,
+    auth: {
+      user: process.env.SMPT_MAIL, // senders email
+      pass: process.env.SMPT_PASSWORD, // app passoword created for your app by using step ::    google account> manage your google account >security>enable two step verification > search app password and create password for your app
+    },
+  });
+
+  const mailOptions = {
+    from: "",
+    to: options.email,
+    subject: options.subject,
+    text: options.message,
+  };
+
+  await transporter.sendMail(mailOptions);
+};
+
+module.exports = sendEmail;

Backend/app.js

@@ -0,0 +1,57 @@
+const express = require("express");
+const cors = require("cors");
+const cookieParser = require("cookie-parser");
+const helmet = require("helmet");
+
+const userRoute = require("./Routes/user.routes.js");
+const farmRoute = require("./Routes/farm.routes.js");
+const cropRoute = require("./Routes/crop.routes.js");
+const financeRoute = require("./Routes/finance.routes.js");
+const taskRoute = require("./Routes/task.routes.js");
+const { checkAuthenticated } = require("./Middlewares/authentication.js");
+const dotenv = require("dotenv");
+const { run } = require("./Utils/model.js");
+
+dotenv.config({
+  path: "./.env",
+});
+
+const app = express();
+
+app.use(helmet()); // Secure headers
+
+const corsOptions = {
+  origin: process.env.FRONTEND_URI,
+  methods: "GET,HEAD,PUT,PATCH,POST,DELETE",
+  credentials: true,
+};
+
+app.use(cors(corsOptions));
+app.use(express.json({ limit: "16kb" }));
+app.use(express.urlencoded({ extended: true, limit: "16kb" }));
+app.use(express.static("public"));
+app.use(cookieParser());
+
+app.get("/", (req, res) => {
+  return res.send("Server is running...");
+});
+
+app.use("/api/v1", userRoute);
+
+app.use("/api/v1/farm", farmRoute);
+
+app.use("/api/v1/crop", cropRoute);
+
+app.use("/api/v1/finance", financeRoute);
+
+app.use("/api/v1/task", taskRoute);
+
+// Redirect HTTP to HTTPS (works behind proxy)
+app.use((req, res, next) => {
+  if (req.headers["x-forwarded-proto"] !== "https" && process.env.NODE_ENV === "production") {
+    return res.redirect(`https://${req.headers.host}${req.url}`);
+  }
+  next();
+});
+
+module.exports = app;

Backend/index.js

@@ -0,0 +1,24 @@
+const server = require("./app.js");
+const dotenv = require("dotenv");
+const cloudinary = require("cloudinary").v2;
+const DB_connect = require("./Database/DB_connect.js");
+const app = require("./app.js");
+
+// dotenv Configuration
+dotenv.config({
+  path: "./.env",
+});
+
+cloudinary.config({
+  cloud_name: process.env.CLOUDINARY_CLOUD_NAME,
+  api_key: process.env.CLOUDINARY_API_KEY,
+  api_secret: process.env.CLOUDINARY_API_SECRET,
+});
+
+DB_connect();
+
+// Listening the port
+app.listen(process.env.PORT, () => {
+  console.log("Server is Running on ", process.env.PORT);
+  console.log("Frontend URI : ", process.env.FRONTEND_URI);
+});

Backend/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "backend",
+  "version": "1.1.0",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "nodemon index.js"
+  },
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "@google/generative-ai": "^0.24.1",
+    "axios": "^1.6.8",
+    "bcrypt": "^6.0.0",
+    "cloudinary": "^2.7.0",
+    "cookie-parser": "^1.4.7",
+    "cors": "^2.8.5",
+    "dotenv": "^16.5.0",
+    "express": "^5.1.0",
+    "express-rate-limit": "^6.7.0",
+    "helmet": "^7.0.0",
+    "jsonwebtoken": "^9.0.2",
+    "mongoose": "^8.16.0",
+    "multer": "^2.0.1",
+    "nodemailer": "^7.0.3",
+    "sha1": "^1.1.1",
+    "socket.io": "^4.8.1"
+  },
+  "devDependencies": {
+    "nodemon": "^3.1.10"
+  }
+}

Frontend/.dockerignore

@@ -0,0 +1,8 @@
+dist/
+Dockerfile
+node_modules/
+package-lock.json
+README.md
+vercel.json
+.dockerignore
+.gitignore

Frontend/.env

@@ -1 +1 @@
-VITE_API_URL=http://localhost:8000
+VITE_API_URL = ${BACKEND_URI}

Frontend/Dockerfile

@@ -0,0 +1,48 @@
+# Base image
+FROM node:22
+
+# Environment variables
+ENV MODEL_URI=http://localhost:8081
+ENV BACKEND_URI=http://localhost:8000
+
+# Metadata
+LABEL maintainer="kshitijka"
+LABEL version=1.1.0
+LABEL description="Crop Compass is a centralized management dashboard designed for farmers, enabling them to efficiently oversee their farms while leveraging advanced AI technology for disease identification and more."
+
+# Update and upgrade
+RUN apt update && apt upgrade -y && \
+    apt clean all && rm -rf /var/lib/apt/lists/*
+
+# Create non-root user
+RUN useradd -s /bin/bash nonroot
+
+# Create working directory
+RUN mkdir -p /app
+RUN chown -R nonroot:nonroot /app
+WORKDIR /app
+
+# Copying contents
+COPY . .
+
+# Writing backend uri in .env
+RUN echo "VITE_API_URL = $BACKEND_URI" > /app/.env
+
+# Building frontend
+RUN npm install
+RUN npm run build
+
+# Clean-up
+RUN rm -rf eslint.config.js index.html node_modules/ package-lock.json package.json postcss.config.js public/ src/ tailwind.config.js vite.config.js .dockerignore .gitignore .vite/
+
+# Install server
+RUN npm install -g serve
+
+# Switch user
+USER nonroot
+
+# Expose frontend port
+EXPOSE 3000
+
+# Run frontend
+CMD ["serve", "-s", "/app/dist"]

Frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "frontend",
   "private": true,
-  "version": "0.0.0",
+  "version": "1.1.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -26,7 +26,9 @@
     "react-redux": "^9.1.2",
     "react-router-dom": "^6.26.1",
     "react-typewriter-effect": "^1.1.0",
-    "socket.io-client": "^4.7.5"
+    "socket.io-client": "^4.7.5",
+    "axios": "^1.6.8",
+    "sha1": "^1.1.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.9.0",

Frontend/src/App.jsx

@@ -1,45 +1,70 @@
 import { useDispatch, useSelector } from "react-redux";
 import "./App.css";
-//import Navbar from "./components/Navbar";
+// import Navbar from "./components/Navbar";
 import Navbar2 from "./components/Navbar2";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 import { userSliceActions } from "./store/userSlice";
-
 import { Outlet } from "react-router-dom";
 import { BACKEND_URL } from "./constants";
 
+// Simple LanguageSwitcher component
+function LanguageSwitcher({ language, setLanguage }) {
+  return (
+    <select
+      value={language}
+      onChange={(e) => {
+        setLanguage(e.target.value);
+        localStorage.setItem("language", e.target.value);
+      }}
+      className="absolute top-2 right-2 p-1 rounded border"
+      aria-label="Select language"
+    >
+      <option value="en">English</option>
+      <option value="hi">Hindi (हिंदी)</option>
+      <option value="mr">Marathi (मराठी)</option>
+      <option value="fr">Français</option>
+      {/* Add more languages here */}
+    </select>
+  );
+}
+
 function App() {
   const user = useSelector((store) => store.user);
-
   const dispatch = useDispatch();
-
   const loader = useSelector((store) => store.loader);
 
+  // Language state, initialized from localStorage or default to 'en'
+  const [language, setLanguage] = useState(
+    localStorage.getItem("language") || "en"
+  );
+
+  console.log("Current language:", language);
+
   useEffect(() => {
     async function initialiseUser() {
-      if (user.role == "unloggeduser") {
+      if (user.role === "unloggeduser") {
         const responce = await fetch(`${BACKEND_URL}/api/v1/getuser`, {
           method: "GET",
           credentials: "include",
         });
 
         const userData = await responce.json();
-
-        //console.log("User Datae is ", userData);
-
         dispatch(userSliceActions.addUser(userData.data));
-
-        //console.log("Updated User is : ", user);
       }
     }
     initialiseUser();
   }, []);
+
   return (
     <>
       <div className="w-full h-auto flex-col relative">
-        
+        {/* 2. Language Switcher visible on all pages */}
+        <LanguageSwitcher language={language} setLanguage={setLanguage} />
+
+        {/* 3. Pass language as prop to Navbar2 and Outlet if needed */}
+        
+        <Outlet context={{ language }} />
 
-        <Outlet />
         <div
           className={`${
             loader ? "block" : "hidden"
@@ -73,3 +98,4 @@ function App() {
 }
 
 export default App;
+

Frontend/src/LanguageSwitcher.jsx

@@ -0,0 +1,13 @@
+import React from "react";
+
+const LanguageSwitcher = ({ currentLanguage, onChangeLanguage }) => (
+  <select value={currentLanguage} onChange={e => onChangeLanguage(e.target.value)}>
+    <option value="en">English</option>
+    <option value="hi">Hindi (हिंदी)</option>
+    <option value="mr">Marathi (मराठी)</option>
+    <option value="fr">French (Français)</option>
+    {/* Add more languages as needed */}
+  </select>
+);
+
+export default LanguageSwitcher;

Frontend/src/components/Laoder.jsx

@@ -0,0 +1,29 @@
+const Laoder = () => {
+  return (
+    <div className="w-full bg-white rounded-lg shadow p-4">
+      <div class="flex items-center justify-center w-full h-56 border border-gray-200 rounded-lg bg-gray-50 dark:bg-gray-800 dark:border-gray-700">
+        <div role="status">
+          <svg
+            aria-hidden="true"
+            class="w-8 h-8 text-gray-200 animate-spin dark:text-gray-600 fill-blue-600"
+            viewBox="0 0 100 101"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
+              fill="currentColor"
+            />
+            <path
+              d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
+              fill="currentFill"
+            />
+          </svg>
+          <span class="sr-only">Loading...</span>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Laoder;

Frontend/src/components/Message.jsx

@@ -1,12 +1,18 @@
 import React from "react";
 
-const Message = ({ message }) => {
+const Message = ({ message, type = "error" }) => {
   const date = new Date();
+
+  const background =
+    type === "error"
+      ? "bg-red-100 border border-red-400 text-red-700"
+      : "bg-gray-100 border border-gray-300 text-gray-800";
+
   return (
-    <div className="w-auto h-auto bg-gray-200 rounded-md text-start p-3 mx-4">
-      <p className="">{message}</p>
-      <p className="text-end text-sm ">
-        {date.getDate()}/{date.getMonth()}/{date.getFullYear()}{" "}
+    <div className={`rounded-md p-3 ${background}`}>
+      <p className="font-medium">{message}</p>
+      <p className="text-end text-sm text-gray-600">
+        {date.getDate()}/{date.getMonth() + 1}/{date.getFullYear()}{" "}
         {date.toLocaleTimeString()}
       </p>
     </div>

Frontend/src/locales/en.json

@@ -0,0 +1,117 @@
+{
+  "welcome": "Welcome to CropCompass",
+  "dashboard": "Dashboard",
+  "settings": "Settings",
+
+  "login_welcome_back": "Welcome Back!",
+  "login_title": "Login",
+  "login_subtitle": "Welcome back! Please login to your account.",
+  "login_email_label": "Email",
+  "login_email_placeholder": "username@gmail.com",
+  "login_password_label": "Password",
+  "login_password_placeholder": "********",
+  "login_remember_me": "Remember Me",
+  "login_forgot_password": "Forgot Password?",
+  "login_button": "Login",
+  "login_new_user": "New User?",
+  "login_signup": "Signup",
+  "main_login_heading": "Welcome to the Login Portal",
+
+  "signup_register_heading": "Register Your account",
+  "signup_welcome": "Welcome to Crop Compass.",
+  "signup_subtitle": "Please register your new account.",
+  "signup_first_name_label": "First Name",
+  "signup_first_name_placeholder": "John",
+  "signup_last_name_label": "Last Name",
+  "signup_last_name_placeholder": "Doe",
+  "signup_email_label": "Email",
+  "signup_email_placeholder": "user@mail.com",
+  "signup_password_label": "Password",
+  "signup_password_placeholder": "At least 6 unique Characters.. ",
+  "signup_remember_me": "Remember Me",
+  "signup_register_button": "Register your Account",
+  "signup_already_have_account": "Already have an Account?",
+  "signup_login": "Login",
+  "signup_journey_heading": "Start your Journey",
+  "signup_with": "with",
+
+  "forget_password_heading": "Forget Password?",
+  "forget_password_subtitle": "No worries, we'll send you reset instructions.",
+  "forget_password_email_placeholder": "Enter your email",
+  "forget_password_send_email": "Send Email",
+  "forget_password_email_sent": "Email Sent to your Mail",
+  "forget_password_back_to_login": "Back to Login Page",
+
+  "reset_password_heading": "Create New Password",
+  "reset_password_subtitle": "Create your new, unique and secure password here.",
+  "reset_password_new_label": "New Password :",
+  "reset_password_new_placeholder": "Enter your New Password",
+  "reset_password_confirm_label": "Confirm Password :",
+  "reset_password_confirm_placeholder": "Enter your Confirm Password",
+  "reset_password_error": "Password and confirm password do not match. Please enter the same password in both fields.",
+  "reset_password_button": "Reset Password",
+  "reset_password_back_to_login": "Back to Login Page",
+
+  "hero_one_stop_solution": "One stop solution for every farmer's need.",
+  "hero_plant_alt": "plant",
+
+  "card_with_image_alt": "plant",
+  "card_with_image_title": "High tech, high yields?",
+  "card_with_image_body": "The Kenyan farmers deploying AI to increase productivity. This article is more than 4 months old. AI apps are increasingly popular among small-scale farmers seeking to improve the quality and quantity of their crop.",
+  "card_with_image_read_more": "Read more",
+
+  "card_with_button_title": "Empowering smallholder farmers with AI tools can bolster global food security",
+  "card_with_button_body": "AI-powered weather forecasts help rural Indian farmers make informed planting decisions, reducing debt and boosting savings.",
+  "card_with_button_read_more": "Read more",
+
+  "card_with_only_image_alt": "Agritech success story",
+
+  "card_only_text_heading1": "AI for agriculture: How Indian farmers are harvesting innovation",
+  "card_only_text_body1": "Farmers participating in the programme saw a 21% increase in chili yields per acre, a 9% reduction in pesticide use, a 5% decrease in fertilizer usage, and an 8% improvement in unit prices due to quality enhancements.",
+
+  "card_only_text_heading2": "SugarChain: Blockchain technology meets Agriculture",
+  "card_only_text_body2": "The use of blockchain technology can help farmers automate processes with high trust, addressing issues like middlemen involvement and ensuring accurate compensation for their products",
+
+
+  "customization_schedule": "CUSTOMIZE WITH YOUR SCHEDULE",
+  "customization_tutors_title": "Talented and Qualified Tutors to Serve You for Help",
+  "customization_paragraph": "Our scheduling system allows you to select based on free time. Lorem ipsum demo text for template. Keep track of your students class and tutoring schedules, and never miss your lectures. The best online class scheduling system with easy accessibility. Lorem ipsum is a placeholder text commonly used to demonstrate the visual form",
+  "customization_get_started": "Get started",
+  "customization_image_alt": "Interaction illustration",
+
+  "footer_logo_alt": "Crop Compass Logo",
+  "footer_brand": "Crop Compass",
+  "footer_rights_reserved": "All Rights Reserved.",
+
+  "hero2_card1_heading": "AI for agriculture: How Indian farmers are harvesting innovation",
+  "hero2_card1_body": "Farmers participating in the programme saw a 21% increase in chili yields per acre, a 9% reduction in pesticide use, a 5% decrease in fertilizer usage, and an 8% improvement in unit prices due to quality enhancements.",
+  "hero2_card2_heading": "SugarChain: Blockchain technology meets Agriculture",
+  "hero2_card2_body": "The use of blockchain technology can help farmers automate processes with high trust, addressing issues like middlemen involvement and ensuring accurate compensation for their products",
+
+  "hero_heading_main": "Anything and Everything you Need to know About",
+  "hero_heading_sub": "Your crops and their Health!",
+  "hero_image_alt": "plant",
+  "hero_card1_image_alt": "plant",
+  "hero_card1_title": "Noteworthy technology acquisitions 2021",
+  "hero_card1_body": "Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.",
+  "hero_card1_read_more": "Read more",
+  "hero_card2_title": "Noteworthy technology acquisitions 2021",
+  "hero_card2_body": "Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.",
+  "hero_card3_title": "Noteworthy technology acquisitions 2021",
+  "hero_card3_body": "Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.",
+  "hero_card3_read_more": "Read more",
+  "hero_card4_image_alt": "product image",
+  "hero_card5_title": "Noteworthy technology acquisitions 2021",
+  "hero_card5_body": "Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.",
+
+  "testimonial_heading": "WHY CHOOSE US?",
+  "testimonial_typewriter": "Unparalleled management for crops & farms.",
+  "testimonial_card1_title": "Excellent Dashboards",
+  "testimonial_card1_body": "Our descriptive dashboards give insights into your crop's health and keep track of your burning expenses.",
+  "testimonial_card2_title": "Crop Disease Prediction",
+  "testimonial_card2_body": "Predict the possible crop diseases based on their shown symptoms.",
+  "testimonial_card3_title": "Crop Planner",
+  "testimonial_card3_body": "Based on previous season's crop and used fertilizers and pesticides, plan what crops would best suit the present state of your soil.",
+  "testimonial_check_out": "Check Out"
+
+}

Frontend/src/locales/fr.json

@@ -0,0 +1,117 @@
+{
+  "welcome": "Bienvenue sur CropCompass",
+  "dashboard": "Tableau de bord",
+  "settings": "Paramètres",
+
+  "login_welcome_back": "Bon retour !",
+  "login_title": "Connexion",
+  "login_subtitle": "Bon retour ! Veuillez vous connecter à votre compte.",
+  "login_email_label": "E-mail",
+  "login_email_placeholder": "nomutilisateur@gmail.com",
+  "login_password_label": "Mot de passe",
+  "login_password_placeholder": "********",
+  "login_remember_me": "Se souvenir de moi",
+  "login_forgot_password": "Mot de passe oublié ?",
+  "login_button": "Connexion",
+  "login_new_user": "Nouvel utilisateur ?",
+  "login_signup": "S'inscrire",
+  "main_login_heading": "Bienvenue sur le portail de connexion",
+
+  "signup_register_heading": "Enregistrez votre compte",
+  "signup_welcome": "Bienvenue sur Crop Compass.",
+  "signup_subtitle": "Veuillez enregistrer votre nouveau compte.",
+  "signup_first_name_label": "Prénom",
+  "signup_first_name_placeholder": "Jean",
+  "signup_last_name_label": "Nom",
+  "signup_last_name_placeholder": "Dupont",
+  "signup_email_label": "E-mail",
+  "signup_email_placeholder": "utilisateur@mail.com",
+  "signup_password_label": "Mot de passe",
+  "signup_password_placeholder": "Au moins 6 caractères uniques.. ",
+  "signup_remember_me": "Se souvenir de moi",
+  "signup_register_button": "Enregistrer votre compte",
+  "signup_already_have_account": "Vous avez déjà un compte ?",
+  "signup_login": "Connexion",
+  "signup_journey_heading": "Commencez votre aventure",
+  "signup_with": "avec",
+
+  "forget_password_heading": "Mot de passe oublié ?",
+  "forget_password_subtitle": "Pas d'inquiétude, nous vous enverrons des instructions de réinitialisation.",
+  "forget_password_email_placeholder": "Entrez votre e-mail",
+  "forget_password_send_email": "Envoyer l'e-mail",
+  "forget_password_email_sent": "E-mail envoyé à votre adresse",
+  "forget_password_back_to_login": "Retour à la page de connexion",
+
+  "reset_password_heading": "Créer un nouveau mot de passe",
+  "reset_password_subtitle": "Créez ici votre nouveau mot de passe unique et sécurisé.",
+  "reset_password_new_label": "Nouveau mot de passe :",
+  "reset_password_new_placeholder": "Entrez votre nouveau mot de passe",
+  "reset_password_confirm_label": "Confirmer le mot de passe :",
+  "reset_password_confirm_placeholder": "Entrez à nouveau votre mot de passe",
+  "reset_password_error": "Le mot de passe et sa confirmation ne correspondent pas. Veuillez saisir le même mot de passe dans les deux champs.",
+  "reset_password_button": "Réinitialiser le mot de passe",
+  "reset_password_back_to_login": "Retour à la page de connexion",
+
+  "hero_one_stop_solution": "Une solution unique pour tous les besoins des agriculteurs.",
+  "hero_plant_alt": "plante",
+
+  "card_with_image_alt": "plante",
+  "card_with_image_title": "Haute technologie, hauts rendements ?",
+  "card_with_image_body": "Les agriculteurs kenyans utilisent l'IA pour augmenter leur productivité. Cet article a plus de 4 mois. Les applications d'IA sont de plus en plus populaires auprès des petits exploitants cherchant à améliorer la qualité et la quantité de leurs récoltes.",
+  "card_with_image_read_more": "Lire la suite",
+
+  "card_with_button_title": "Donner aux petits exploitants des outils d'IA peut renforcer la sécurité alimentaire mondiale",
+  "card_with_button_body": "Les prévisions météorologiques alimentées par l'IA aident les agriculteurs ruraux indiens à prendre des décisions de plantation éclairées, réduisant les dettes et augmentant les économies.",
+  "card_with_button_read_more": "Lire la suite",
+
+  "card_with_only_image_alt": "Succès de l'agritech",
+
+  "card_only_text_heading1": "L’IA pour l’agriculture : comment les agriculteurs indiens récoltent l’innovation",
+  "card_only_text_body1": "Les agriculteurs participant au programme ont constaté une augmentation de 21 % des rendements de piment par acre, une réduction de 9 % de l’utilisation de pesticides, une diminution de 5 % de l’utilisation d’engrais et une amélioration de 8 % des prix unitaires grâce à l’amélioration de la qualité.",
+
+  "card_only_text_heading2": "SugarChain : la blockchain rencontre l’agriculture",
+  "card_only_text_body2": "L’utilisation de la technologie blockchain peut aider les agriculteurs à automatiser les processus avec une grande confiance, à résoudre les problèmes liés aux intermédiaires et à garantir une rémunération précise de leurs produits",
+
+
+  "customization_schedule": "PERSONNALISEZ AVEC VOTRE EMPLOI DU TEMPS",
+  "customization_tutors_title": "Des tuteurs talentueux et qualifiés à votre service",
+  "customization_paragraph": "Notre système de planification vous permet de sélectionner en fonction de votre temps libre. Texte de démonstration Lorem ipsum pour le modèle. Suivez les horaires de vos étudiants et de tutorat, et ne manquez jamais vos cours. Le meilleur système de planification de cours en ligne avec une accessibilité facile. Lorem ipsum est un texte de remplacement couramment utilisé pour démontrer la forme visuelle",
+  "customization_get_started": "Commencer",
+  "customization_image_alt": "Illustration d'interaction",
+
+  "footer_logo_alt": "Logo de Crop Compass",
+  "footer_brand": "Crop Compass",
+  "footer_rights_reserved": "Tous droits réservés.",
+
+  "hero2_card1_heading": "L’IA pour l’agriculture : comment les agriculteurs indiens récoltent l’innovation",
+  "hero2_card1_body": "Les agriculteurs participant au programme ont constaté une augmentation de 21 % des rendements de piment par acre, une réduction de 9 % de l’utilisation de pesticides, une diminution de 5 % de l’utilisation d’engrais et une amélioration de 8 % des prix unitaires grâce à l’amélioration de la qualité.",
+  "hero2_card2_heading": "SugarChain : la blockchain rencontre l’agriculture",
+  "hero2_card2_body": "L’utilisation de la technologie blockchain peut aider les agriculteurs à automatiser les processus avec une grande confiance, à résoudre les problèmes liés aux intermédiaires et à garantir une rémunération précise de leurs produits",
+
+  "hero_heading_main": "Tout ce que vous devez savoir sur",
+  "hero_heading_sub": "Vos cultures et leur santé !",
+  "hero_image_alt": "plante",
+  "hero_card1_image_alt": "plante",
+  "hero_card1_title": "Acquisitions technologiques remarquables 2021",
+  "hero_card1_body": "Voici les plus grandes acquisitions technologiques d'entreprise de 2021 à ce jour, par ordre chronologique inverse.",
+  "hero_card1_read_more": "Lire la suite",
+  "hero_card2_title": "Acquisitions technologiques remarquables 2021",
+  "hero_card2_body": "Voici les plus grandes acquisitions technologiques d'entreprise de 2021 à ce jour, par ordre chronologique inverse.",
+  "hero_card3_title": "Acquisitions technologiques remarquables 2021",
+  "hero_card3_body": "Voici les plus grandes acquisitions technologiques d'entreprise de 2021 à ce jour, par ordre chronologique inverse.",
+  "hero_card3_read_more": "Lire la suite",
+  "hero_card4_image_alt": "image du produit",
+  "hero_card5_title": "Acquisitions technologiques remarquables 2021",
+  "hero_card5_body": "Voici les plus grandes acquisitions technologiques d'entreprise de 2021 à ce jour, par ordre chronologique inverse.",
+
+  "testimonial_heading": "POURQUOI NOUS CHOISIR ?",
+  "testimonial_typewriter": "Gestion inégalée pour les cultures et les fermes.",
+  "testimonial_card1_title": "Tableaux de bord excellents",
+  "testimonial_card1_body": "Nos tableaux de bord descriptifs donnent un aperçu de la santé de vos cultures et suivent vos dépenses importantes.",
+  "testimonial_card2_title": "Prédiction des maladies des cultures",
+  "testimonial_card2_body": "Prédisez les maladies possibles des cultures en fonction des symptômes observés.",
+  "testimonial_card3_title": "Planificateur de cultures",
+  "testimonial_card3_body": "En fonction des cultures de la saison précédente et des engrais et pesticides utilisés, planifiez les cultures qui conviendraient le mieux à l’état actuel de votre sol.",
+  "testimonial_check_out": "Voir"
+
+}

Frontend/src/locales/hi.json

@@ -0,0 +1,116 @@
+{
+  "welcome": "क्रॉप कम्पास में आपका स्वागत है",
+  "dashboard": "डैशबोर्ड",
+  "settings": "सेटिंग्स",
+
+  "login_welcome_back": "फिर से स्वागत है!",
+  "login_title": "लॉगिन",
+  "login_subtitle": "फिर से स्वागत है! कृपया अपने खाते में लॉगिन करें।",
+  "login_email_label": "ईमेल",
+  "login_email_placeholder": "username@gmail.com",
+  "login_password_label": "पासवर्ड",
+  "login_password_placeholder": "********",
+  "login_remember_me": "मुझे याद रखें",
+  "login_forgot_password": "पासवर्ड भूल गए?",
+  "login_button": "लॉगिन",
+  "login_new_user": "नया उपयोगकर्ता?",
+  "login_signup": "साइनअप",
+  "main_login_heading": "लॉगिन पोर्टल में आपका स्वागत है",
+
+  "signup_register_heading": "अपना खाता पंजीकृत करें",
+  "signup_welcome": "क्रॉप कम्पास में आपका स्वागत है।",
+  "signup_subtitle": "कृपया अपना नया खाता पंजीकृत करें।",
+  "signup_first_name_label": "पहला नाम",
+  "signup_first_name_placeholder": "जॉन",
+  "signup_last_name_label": "अंतिम नाम",
+  "signup_last_name_placeholder": "डो",
+  "signup_email_label": "ईमेल",
+  "signup_email_placeholder": "user@mail.com",
+  "signup_password_label": "पासवर्ड",
+  "signup_password_placeholder": "कम से कम 6 अद्वितीय अक्षर...",
+  "signup_remember_me": "मुझे याद रखें",
+  "signup_register_button": "अपना खाता पंजीकृत करें",
+  "signup_already_have_account": "पहले से खाता है?",
+  "signup_login": "लॉगिन",
+  "signup_journey_heading": "अपनी यात्रा शुरू करें",
+  "signup_with": "के साथ",
+
+  "forget_password_heading": "पासवर्ड भूल गए?",
+  "forget_password_subtitle": "कोई बात नहीं, हम आपको रीसेट निर्देश भेज देंगे।",
+  "forget_password_email_placeholder": "अपना ईमेल दर्ज करें",
+  "forget_password_send_email": "ईमेल भेजें",
+  "forget_password_email_sent": "ईमेल आपके इनबॉक्स में भेजा गया है",
+  "forget_password_back_to_login": "लॉगिन पेज पर वापस जाएं",
+
+  "reset_password_heading": "नया पासवर्ड बनाएं",
+  "reset_password_subtitle": "यहां अपना नया, अद्वितीय और सुरक्षित पासवर्ड बनाएं।",
+  "reset_password_new_label": "नया पासवर्ड:",
+  "reset_password_new_placeholder": "अपना नया पासवर्ड दर्ज करें",
+  "reset_password_confirm_label": "पासवर्ड की पुष्टि करें:",
+  "reset_password_confirm_placeholder": "अपना पुष्टि पासवर्ड दर्ज करें",
+  "reset_password_error": "पासवर्ड और पुष्टि पासवर्ड मेल नहीं खाते। कृपया दोनों फ़ील्ड में समान पासवर्ड दर्ज करें।",
+  "reset_password_button": "पासवर्ड रीसेट करें",
+  "reset_password_back_to_login": "लॉगिन पेज पर वापस जाएं",
+
+  "hero_one_stop_solution": "हर किसान की ज़रूरत के लिए एक ही समाधान।",
+  "hero_plant_alt": "पौधा",
+
+  "card_with_image_alt": "पौधा",
+  "card_with_image_title": "हाई टेक, उच्च उत्पादन?",
+  "card_with_image_body": "केन्या के किसान AI का उपयोग करके उत्पादकता बढ़ा रहे हैं। यह लेख 4 महीने पुराना है। छोटे किसानों में AI ऐप्स गुणवत्ता और मात्रा सुधारने के लिए तेजी से लोकप्रिय हो रहे हैं।",
+  "card_with_image_read_more": "और पढ़ें",
+
+  "card_with_button_title": "AI उपकरणों से छोटे किसानों को सशक्त बनाकर वैश्विक खाद्य सुरक्षा को बढ़ावा",
+  "card_with_button_body": "AI-संचालित मौसम पूर्वानुमान भारतीय किसानों को बेहतर निर्णय लेने में मदद करते हैं, कर्ज घटाते हैं और बचत बढ़ाते हैं।",
+  "card_with_button_read_more": "और पढ़ें",
+
+  "card_with_only_image_alt": "एग्रीटेक सफलता की कहानी",
+
+  "card_only_text_heading1": "कृषि में AI: कैसे भारतीय किसान नवाचार का लाभ उठा रहे हैं",
+  "card_only_text_body1": "इस कार्यक्रम में भाग लेने वाले किसानों की मिर्च की उपज में प्रति एकड़ 21% वृद्धि, कीटनाशक उपयोग में 9% कमी, उर्वरक उपयोग में 5% कमी और गुणवत्ता सुधार के कारण मूल्य में 8% वृद्धि देखी गई।",
+
+  "card_only_text_heading2": "शुगरचेन: कृषि में ब्लॉकचेन तकनीक",
+  "card_only_text_body2": "ब्लॉकचेन तकनीक के उपयोग से किसान प्रक्रियाओं को उच्च विश्वास के साथ स्वचालित कर सकते हैं, बिचौलियों की भूमिका कम होती है और सही भुगतान सुनिश्चित होता है।",
+
+  "customization_schedule": "अपने शेड्यूल के अनुसार अनुकूलित करें",
+  "customization_tutors_title": "आपकी मदद के लिए प्रतिभाशाली और योग्य शिक्षक",
+  "customization_paragraph": "हमारी शेड्यूलिंग प्रणाली आपको अपने खाली समय के अनुसार चुनने की सुविधा देती है। छात्रों की कक्षा और ट्यूटरिंग शेड्यूल को ट्रैक करें और कोई भी लेक्चर न छोड़ें। सबसे अच्छा ऑनलाइन कक्षा शेड्यूलिंग सिस्टम।",
+  "customization_get_started": "शुरू करें",
+  "customization_image_alt": "इंटरएक्शन चित्रण",
+
+  "footer_logo_alt": "क्रॉप कम्पास लोगो",
+  "footer_brand": "क्रॉप कम्पास",
+  "footer_rights_reserved": "सभी अधिकार सुरक्षित।",
+
+  "hero2_card1_heading": "कृषि में AI: कैसे भारतीय किसान नवाचार का लाभ उठा रहे हैं",
+  "hero2_card1_body": "इस कार्यक्रम में भाग लेने वाले किसानों की मिर्च की उपज में प्रति एकड़ 21% वृद्धि, कीटनाशक उपयोग में 9% कमी, उर्वरक उपयोग में 5% कमी और गुणवत्ता सुधार के कारण मूल्य में 8% वृद्धि देखी गई।",
+  "hero2_card2_heading": "शुगरचेन: कृषि में ब्लॉकचेन तकनीक",
+  "hero2_card2_body": "ब्लॉकचेन तकनीक के उपयोग से किसान प्रक्रियाओं को उच्च विश्वास के साथ स्वचालित कर सकते हैं, बिचौलियों की भूमिका कम होती है और सही भुगतान सुनिश्चित होता है।",
+
+  "hero_heading_main": "अपने फसलों और उनकी सेहत के बारे में सब कुछ जानें",
+  "hero_heading_sub": "आपकी फसलों और उनकी सेहत!",
+  "hero_image_alt": "पौधा",
+  "hero_card1_image_alt": "पौधा",
+  "hero_card1_title": "2021 की उल्लेखनीय टेक्नोलॉजी अधिग्रहण",
+  "hero_card1_body": "अब तक के सबसे बड़े एंटरप्राइज टेक्नोलॉजी अधिग्रहण, उल्टे कालक्रम में।",
+  "hero_card1_read_more": "और पढ़ें",
+  "hero_card2_title": "2021 की उल्लेखनीय टेक्नोलॉजी अधिग्रहण",
+  "hero_card2_body": "अब तक के सबसे बड़े एंटरप्राइज टेक्नोलॉजी अधिग्रहण, उल्टे कालक्रम में।",
+  "hero_card3_title": "2021 की उल्लेखनीय टेक्नोलॉजी अधिग्रहण",
+  "hero_card3_body": "अब तक के सबसे बड़े एंटरप्राइज टेक्नोलॉजी अधिग्रहण, उल्टे कालक्रम में।",
+  "hero_card3_read_more": "और पढ़ें",
+  "hero_card4_image_alt": "उत्पाद छवि",
+  "hero_card5_title": "2021 की उल्लेखनीय टेक्नोलॉजी अधिग्रहण",
+  "hero_card5_body": "अब तक के सबसे बड़े एंटरप्राइज टेक्नोलॉजी अधिग्रहण, उल्टे कालक्रम में।",
+
+  "testimonial_heading": "हमें क्यों चुनें?",
+  "testimonial_typewriter": "फसलों और खेतों के लिए बेजोड़ प्रबंधन।",
+  "testimonial_card1_title": "उत्कृष्ट डैशबोर्ड",
+  "testimonial_card1_body": "हमारे विवरणात्मक डैशबोर्ड आपकी फसलों की स्थिति और खर्चों पर नजर रखते हैं।",
+  "testimonial_card2_title": "फसल रोग पूर्वानुमान",
+  "testimonial_card2_body": "दिखाई देने वाले लक्षणों के आधार पर संभावित फसल रोगों की भविष्यवाणी करें।",
+  "testimonial_card3_title": "फसल योजना",
+  "testimonial_card3_body": "पिछले सीजन की फसल और उपयोग किए गए उर्वरक और कीटनाशकों के आधार पर, वर्तमान मिट्टी के अनुसार सर्वोत्तम फसल योजना बनाएं।",
+  "testimonial_check_out": "देखें"
+}
+

Frontend/src/locales/mr.json

@@ -0,0 +1,116 @@
+{
+  "welcome": "क्रॉप कम्पासमध्ये आपले स्वागत आहे",
+  "dashboard": "डॅशबोर्ड",
+  "settings": "सेटिंग्ज",
+
+  "login_welcome_back": "पुन्हा स्वागत आहे!",
+  "login_title": "लॉगिन",
+  "login_subtitle": "पुन्हा स्वागत आहे! कृपया आपल्या खात्यात लॉगिन करा.",
+  "login_email_label": "ईमेल",
+  "login_email_placeholder": "username@gmail.com",
+  "login_password_label": "पासवर्ड",
+  "login_password_placeholder": "********",
+  "login_remember_me": "माझी आठवण ठेवा",
+  "login_forgot_password": "पासवर्ड विसरलात?",
+  "login_button": "लॉगिन",
+  "login_new_user": "नवीन वापरकर्ता?",
+  "login_signup": "नोंदणी करा",
+  "main_login_heading": "लॉगिन पोर्टलमध्ये आपले स्वागत आहे",
+
+  "signup_register_heading": "आपले खाते नोंदणी करा",
+  "signup_welcome": "क्रॉप कम्पासमध्ये आपले स्वागत आहे.",
+  "signup_subtitle": "कृपया आपले नवीन खाते नोंदणी करा.",
+  "signup_first_name_label": "पहिले नाव",
+  "signup_first_name_placeholder": "जॉन",
+  "signup_last_name_label": "आडनाव",
+  "signup_last_name_placeholder": "डो",
+  "signup_email_label": "ईमेल",
+  "signup_email_placeholder": "user@mail.com",
+  "signup_password_label": "पासवर्ड",
+  "signup_password_placeholder": "किमान 6 अद्वितीय अक्षरे...",
+  "signup_remember_me": "माझी आठवण ठेवा",
+  "signup_register_button": "आपले खाते नोंदणी करा",
+  "signup_already_have_account": "आधीच खाते आहे?",
+  "signup_login": "लॉगिन",
+  "signup_journey_heading": "आपली यात्रा सुरू करा",
+  "signup_with": "सह",
+
+  "forget_password_heading": "पासवर्ड विसरलात?",
+  "forget_password_subtitle": "चिंता करू नका, आम्ही आपल्याला रीसेट करण्याच्या सूचना पाठवू.",
+  "forget_password_email_placeholder": "आपला ईमेल टाका",
+  "forget_password_send_email": "ईमेल पाठवा",
+  "forget_password_email_sent": "ईमेल पाठवला गेला आहे",
+  "forget_password_back_to_login": "लॉगिन पेजवर परत जा",
+
+  "reset_password_heading": "नवीन पासवर्ड तयार करा",
+  "reset_password_subtitle": "येथे आपला नवीन, सुरक्षित पासवर्ड तयार करा.",
+  "reset_password_new_label": "नवीन पासवर्ड:",
+  "reset_password_new_placeholder": "नवीन पासवर्ड टाका",
+  "reset_password_confirm_label": "पासवर्डची पुष्टी करा:",
+  "reset_password_confirm_placeholder": "पासवर्डची पुष्टी करा",
+  "reset_password_error": "पासवर्ड आणि पुष्टी पासवर्ड जुळत नाहीत. कृपया दोन्ही ठिकाणी एकच पासवर्ड टाका.",
+  "reset_password_button": "पासवर्ड रीसेट करा",
+  "reset_password_back_to_login": "लॉगिन पेजवर परत जा",
+
+  "hero_one_stop_solution": "प्रत्येक शेतकऱ्याच्या गरजेसाठी एकाच ठिकाणी उपाय.",
+  "hero_plant_alt": "झाड",
+
+  "card_with_image_alt": "झाड",
+  "card_with_image_title": "हाय-टेक, जास्त उत्पादन?",
+  "card_with_image_body": "केनियातील शेतकरी AI वापरून उत्पादकता वाढवत आहेत. हा लेख ४ महिन्यांपेक्षा जुना आहे. लहान शेतकऱ्यांमध्ये AI अॅप्स अधिक लोकप्रिय होत आहेत.",
+  "card_with_image_read_more": "अधिक वाचा",
+
+  "card_with_button_title": "AI साधनांनी लहान शेतकऱ्यांना सशक्त करून जागतिक अन्न सुरक्षेला चालना",
+  "card_with_button_body": "AI आधारित हवामान अंदाजामुळे भारतीय शेतकऱ्यांना चांगले निर्णय घेण्यास मदत होते, कर्ज कमी होते आणि बचत वाढते.",
+  "card_with_button_read_more": "अधिक वाचा",
+
+  "card_with_only_image_alt": "अॅग्रीटेक यशोगाथा",
+
+  "card_only_text_heading1": "शेतीसाठी AI: भारतीय शेतकरी कसे नवकल्पना करत आहेत",
+  "card_only_text_body1": "या कार्यक्रमात सहभागी झालेल्या शेतकऱ्यांची मिरची उत्पादनात २१% वाढ, कीटकनाशक वापरात ९% घट, खत वापरात ५% घट, आणि गुणवत्तेमुळे किंमतीत ८% वाढ झाली.",
+
+  "card_only_text_heading2": "शुगरचेन: ब्लॉकचेन तंत्रज्ञान आणि शेती",
+  "card_only_text_body2": "ब्लॉकचेन तंत्रज्ञानामुळे प्रक्रिया स्वयंचलित करता येतात, दलालांची भूमिका कमी होते आणि शेतकऱ्यांना योग्य मोबदला मिळतो.",
+
+  "customization_schedule": "आपल्या वेळापत्रकानुसार सानुकूल करा",
+  "customization_tutors_title": "आपल्याला मदतीसाठी कुशल आणि पात्र शिक्षक",
+  "customization_paragraph": "आमची वेळापत्रक प्रणाली आपल्याला आपल्या मोकळ्या वेळेनुसार निवडण्याची सुविधा देते. आपले वर्ग व शिकवणीचे वेळापत्रक व्यवस्थापित करा आणि एकही व्याख्यान चुकवू नका.",
+  "customization_get_started": "सुरू करा",
+  "customization_image_alt": "इंटरअ‍ॅक्शन प्रतिमा",
+
+  "footer_logo_alt": "क्रॉप कम्पास लोगो",
+  "footer_brand": "क्रॉप कम्पास",
+  "footer_rights_reserved": "सर्व हक्क राखीव.",
+
+  "hero2_card1_heading": "शेतीसाठी AI: भारतीय शेतकरी कसे नवकल्पना करत आहेत",
+  "hero2_card1_body": "या कार्यक्रमात सहभागी झालेल्या शेतकऱ्यांची मिरची उत्पादनात २१% वाढ, कीटकनाशक वापरात ९% घट, खत वापरात ५% घट, आणि गुणवत्तेमुळे किंमतीत ८% वाढ झाली.",
+  "hero2_card2_heading": "शुगरचेन: ब्लॉकचेन तंत्रज्ञान आणि शेती",
+  "hero2_card2_body": "ब्लॉकचेन तंत्रज्ञानामुळे प्रक्रिया स्वयंचलित करता येतात, दलालांची भूमिका कमी होते आणि शेतकऱ्यांना योग्य मोबदला मिळतो.",
+
+  "hero_heading_main": "आपल्या पिकांबद्दल सर्व काही जाणून घ्या",
+  "hero_heading_sub": "आपल्या पिकांची आरोग्य स्थिती!",
+  "hero_image_alt": "झाड",
+  "hero_card1_image_alt": "झाड",
+  "hero_card1_title": "२०२१ मधील उल्लेखनीय तंत्रज्ञान खरेदी",
+  "hero_card1_body": "२०२१ मधील सर्वात मोठ्या एंटरप्राइज तंत्रज्ञान खरेदी, उलट्या क्रमाने.",
+  "hero_card1_read_more": "अधिक वाचा",
+  "hero_card2_title": "२०२१ मधील उल्लेखनीय तंत्रज्ञान खरेदी",
+  "hero_card2_body": "२०२१ मधील सर्वात मोठ्या एंटरप्राइज तंत्रज्ञान खरेदी, उलट्या क्रमाने.",
+  "hero_card3_title": "२०२१ मधील उल्लेखनीय तंत्रज्ञान खरेदी",
+  "hero_card3_body": "२०२१ मधील सर्वात मोठ्या एंटरप्राइज तंत्रज्ञान खरेदी, उलट्या क्रमाने.",
+  "hero_card3_read_more": "अधिक वाचा",
+  "hero_card4_image_alt": "उत्पादन प्रतिमा",
+  "hero_card5_title": "२०२१ मधील उल्लेखनीय तंत्रज्ञान खरेदी",
+  "hero_card5_body": "२०२१ मधील सर्वात मोठ्या एंटरप्राइज तंत्रज्ञान खरेदी, उलट्या क्रमाने.",
+
+  "testimonial_heading": "आम्हाला का निवडाल?",
+  "testimonial_typewriter": "पिके आणि शेतासाठी उत्कृष्ट व्यवस्थापन.",
+  "testimonial_card1_title": "उत्कृष्ट डॅशबोर्ड",
+  "testimonial_card1_body": "आमचे डॅशबोर्ड आपली पिकांची आरोग्य स्थिती व खर्च यांची माहिती देतात.",
+  "testimonial_card2_title": "पिकांवरील रोगाचे भाकीत",
+  "testimonial_card2_body": "दिसणाऱ्या लक्षणांच्या आधारे संभाव्य रोगांचे भाकीत करा.",
+  "testimonial_card3_title": "पीक नियोजन",
+  "testimonial_card3_body": "मागील हंगामाच्या पिकांवरून व वापरलेल्या खतांवरून योग्य पीक निवडा.",
+  "testimonial_check_out": "पहा"
+}
+

Frontend/src/pages/Home/About.jsx

@@ -1,43 +0,0 @@
-import React from "react";
-
-const About = () => {
-  return (
-    <>
-      <section className="bg-white py-12 w-full flex justify-center">
-        <div className="flex flex-col md:flex-row justify-between w-10/12 h-auto">
-          <div className="w-full md:w-4/5 object-contain flex justify-center items-center">
-            <img src="/images/calender.png" className="w-full h-auto" alt="" />
-          </div>
-          <div className="container mx-auto flex flex-col justify-around h-full w-full md:py-10">
-            <div className="text-center md:text-start flex flex-col justify-around h-full">
-              <h2 className="text-xl font-bold mb-4 text-yellow-600">
-                CUSTOMIZE WITH YOUR SCHEDULE
-              </h2>
-              <h1 className="text-2xl md:text-4xl md:font-extrabold font-bold mb-4">
-                Personalized Professional Online Mentor on Your Schedule
-              </h1>
-              <p className="text-base mb-8">
-                Our scheduling system allows you to select based on free time.
-                Lorem ipsum demo text for template. Keep track of your students
-                class and mentoring schedules, and never miss your Session. The
-                best online class scheduling system with easy accessibility.
-                Lorem ipsum is a placeholder text commonly used to demonstrate
-                the visual form
-              </p>
-              <div className="flex gap-4 justify-center md:justify-start">
-                <button
-                  type="button"
-                  className="focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg text-base px-5 py-2.5 mb-2 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-900"
-                >
-                  Get started
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </section>
-    </>
-  );
-};
-
-export default About;

Frontend/src/pages/Home/Cards.jsx

@@ -1,13 +1,10 @@
-import React, { useState } from "react";
-import { useSelector } from "react-redux";
-import { useEffect } from "react";
+import React, { useState, useEffect } from "react";
+import { useSelector, useDispatch } from "react-redux";
+import { t } from "../../service/translation";
 
-import { Link } from "react-router-dom";
-
-export const HeroSecn = () => {
+export const HeroSecn = ({ language = "en" }) => {
   const user = useSelector((store) => store.user);
-
- 
+  const dispatch = useDispatch();
 
   const [isLoggedIn, setLoggedIn] = useState(false);
 
@@ -25,17 +22,16 @@ export const HeroSecn = () => {
 
     const user = await responce.json();
 
-  
-
     dispatch(userSliceActions.addUser(user.data));
   };
+
   return (
-    <section className=" py-40 w-full flex justify-center text-gray-100">
+    <section className="py-40 w-full flex justify-center text-gray-100">
       <div className="flex flex-col-reverse md:flex-row justify-between w-10/12 h-auto">
         <div className="container mx-auto flex flex-col justify-between h-full w-full">
           <div className="text-center md:text-start flex flex-col justify-around h-full">
             <h1 className="text-6xl md:text-6xl md:w-2/3 md:font-extrabold font-bold ">
-              One stop solution for every farmer's need.
+              {t("hero_one_stop_solution", language)}
             </h1>
           </div>
           <button
@@ -47,7 +43,7 @@ export const HeroSecn = () => {
           <img
             src="/images/plant.png"
             className="w-full h-auto rounded-3xl shadow-xl"
-            alt="plant"
+            alt={t("hero_plant_alt", language)}
           />
         </div>
       </div>
@@ -55,34 +51,31 @@ export const HeroSecn = () => {
   );
 };
 
-export const CardWithImage = () => {
+export const CardWithImage = ({ language = "en" }) => {
   return (
-    <div className="max-w-sm   rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700">
+    <div className="max-w-sm  rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700">
       <a href="#">
         <img
           className="rounded-t-lg"
           src="https://i.pinimg.com/736x/07/2b/5f/072b5f6a1630d919ceee1a8569683cf7.jpg"
-          alt="plant"
+          alt={t("card_with_image_alt", language)}
         />
       </a>
-      <div className="p-6 backdrop-blur-md  rounded-b-lg">
+      <div className="p-6 backdrop-blur-md rounded-b-lg">
         <a href="#">
           <h5 className="mb-2 text-2xl font-bold tracking-tight text-white dark:text-white">
-            High tech, high yields?
+            {t("card_with_image_title", language)}
           </h5>
         </a>
-        <p className="mb-3 font-normal text-white  dark:text-gray-400">
-          The Kenyan farmers deploying AI to increase productivity This article
-          is more than 4 months old. AI apps are increasingly popular among
-          small-scale farmers seeking to improve the quality and quantity of
-          their crop.
+        <p className="mb-3 font-normal text-white dark:text-gray-400">
+          {t("card_with_image_body", language)}
         </p>
         <a
           href="https://www.theguardian.com/world/2024/sep/30/high-tech-high-yields-the-kenyan-farmers-deploying-ai-to-increase-productivity"
           target="_blank"
           className="inline-flex shadow-md backdrop-blur-md bg-gradient-to-tr from-gray-700/20 to-gray-50/20 items-center px-3 py-2 text-sm font-medium text-center text-white rounded-lg hover:backdrop-blur-xl "
         >
-          Read more
+          {t("card_with_image_read_more", language)}
           <svg
             className="rtl:rotate-180 w-3.5 h-3.5 ms-2"
             aria-hidden="true"
@@ -92,9 +85,9 @@ export const CardWithImage = () => {
           >
             <path
               stroke="currentColor"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth="2"
               d="M1 5h12m0 0L9 1m4 4L9 9"
             />
           </svg>
@@ -104,47 +97,47 @@ export const CardWithImage = () => {
   );
 };
 
-export const CardOnlyText = (props) => {
+export const CardOnlyText = ({
+  headingText,
+  bodyText,
+  href,
+  language = "en",
+}) => {
   return (
     <div>
       <a
-        href={props.href}
+        href={href}
         target="_blank"
-        className="block max-w-sm p-6 rounded-lg shadow-md backdrop-blur-md dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700"
+        className="block max-w-sm min-h-[275px] p-6 rounded-lg shadow-md backdrop-blur-md dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700"
       >
         <h5 className="mb-2 text-2xl font-bold tracking-tight text-gray-50 dark:text-white">
-          {" "}
-          {props.headingText}{" "}
+          {headingText}
         </h5>
         <p className="font-normal text-gray-50 dark:text-gray-400">
-          {" "}
-          {props.bodyText}{" "}
+          {bodyText}
         </p>
       </a>
     </div>
   );
 };
 
-export const CardWithButton = () => {
+export const CardWithButton = ({ language = "en" }) => {
   return (
-    <div className="max-w-sm p-6 backdrop-blur-md rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700">
-      <a target="_blank">
+    <div className="max-w-sm min-h-[290px] p-6 backdrop-blur-md rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700">
+      <a target="_blank" href="#">
         <h5 className="mb-2 text-2xl font-bold tracking-tight text-gray-50 dark:text-white">
-          Empowering smallholder farmers with AI tools can bolster global food
-          security
+          {t("card_with_button_title", language)}
         </h5>
       </a>
       <p className="mb-3 font-normal text-gray-50 dark:text-gray-400">
-        {" "}
-        AI-powered weather forecasts help rural Indian farmers make informed
-        planting decisions, reducing debt and boosting savings.
+        {t("card_with_button_body", language)}
       </p>
       <a
         href="https://www.reuters.com/sustainability/land-use-biodiversity/comment-how-empowering-smallholder-farmers-with-ai-tools-can-bolster-global-food-2025-01-10/"
         target="_blank"
         className="inline-flex shadow-md backdrop-blur-md bg-gradient-to-tr from-gray-700/20 to-gray-50/20 items-center px-3 py-2 text-sm font-medium text-center text-white rounded-lg hover:backdrop-blur-xl "
       >
-        Read more
+        {t("card_with_button_read_more", language)}
         <svg
           className="rtl:rotate-180 w-3.5 h-3.5 ms-2"
           aria-hidden="true"
@@ -154,9 +147,9 @@ export const CardWithButton = () => {
         >
           <path
             stroke="currentColor"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="2"
             d="M1 5h12m0 0L9 1m4 4L9 9"
           />
         </svg>
@@ -165,17 +158,18 @@ export const CardWithButton = () => {
   );
 };
 
-export const CardWithOnlyImage = () => {
+export const CardWithOnlyImage = ({ language = "en" }) => {
   return (
-    <div className="w-full max-w-sm bg-white rounded-lg shadow-xl dark:bg-gray-800 dark:border-gray-700">
+    <div className="w-full h-full  object-cover max-w-sm bg-white rounded-lg shadow-xl dark:bg-gray-800 dark:border-gray-700">
       <a
         href="https://theprint.in/economy/telangana-is-the-success-story-of-indian-agritech-ai-tools-soil-testing-e-commerce-more/1630359/"
         target="_blank"
+        className="w-full h-full"
       >
         <img
-          className=" rounded-lg"
+          className="rounded-lg"
           src="https://i.pinimg.com/736x/2b/2a/0f/2b2a0f7003bd3e4201573c1189d600de.jpg"
-          alt="product image"
+          alt={t("card_with_only_image_alt", language)}
         />
       </a>
     </div>
@@ -192,21 +186,30 @@ const cards = [
 
 export default cards;
 
-export const CardLayout = () => {
+export const CardLayout = ({ language = "en" }) => {
   return (
     <div>
-      <HeroSecn />
-      <div className=" flex justify-center">
-        <div className=" flex justify-between  py-8 w-5/6 ">
-          <cardWithImage />
+      <HeroSecn language={language} />
+      <div className="flex justify-center">
+        <div className="flex justify-between py-8 w-5/6 ">
+          <CardWithImage language={language} />
           <div className="flex flex-col gap-10 justify-between ">
-            <cardOnlyText />
-            <cardWithButton />
+            <CardOnlyText
+              headingText={t("card_only_text_heading1", language)}
+              bodyText={t("card_only_text_body1", language)}
+              href="https://example.com/article1"
+              language={language}
+            />
+            <CardWithButton language={language} />
           </div>
-
-          <div className=" flex flex-col justify-between">
-            <cardWithOnlyImage />
-            <cardOnlyText />
+          <div className="flex flex-col justify-between">
+            <CardWithOnlyImage language={language} />
+            <CardOnlyText
+              headingText={t("card_only_text_heading2", language)}
+              bodyText={t("card_only_text_body2", language)}
+              href="https://example.com/article2"
+              language={language}
+            />
           </div>
         </div>
       </div>

Frontend/src/pages/Home/Customization.jsx

@@ -1,6 +1,13 @@
 import React from "react";
+import { t } from "../../service/translation";
+import { useOutletContext } from "react-router-dom";
+
+const Customization = (props) => {
+  // Get language from context if available, else from props, default to "en"
+  const outletContext = useOutletContext?.();
+  const language =
+    (outletContext && outletContext.language) || props.language || "en";
 
-const Customization = () => {
   return (
     <>
       <section
@@ -11,25 +18,20 @@ const Customization = () => {
           <div className="container mx-auto flex flex-col justify-around h-full w-full md:py-10">
             <div className="text-center md:text-start flex flex-col justify-around h-full">
               <h2 className="text-xl font-bold mb-4 text-yellow-600">
-                CUSTOMIZE WITH YOUR SCHEDULE
+                {t("customization_schedule", language)}
               </h2>
               <h1 className="text-2xl md:text-4xl md:font-extrabold font-bold mb-4">
-                Talented and Qualified Tutors to Serve You for Help
+                {t("customization_tutors_title", language)}
               </h1>
               <p className="text-base mb-8">
-                Our scheduling system allows you to select based on free time.
-                Lorem ipsum demo text for template. Keep track of your students
-                class and tutoring schedules, and never miss your lectures. The
-                best online class scheduling system with easy accessibility.
-                Lorem ipsum is a placeholder text commonly used to demonstrate
-                the visual form
+                {t("customization_paragraph", language)}
               </p>
               <div className="flex gap-4 justify-center md:justify-start">
                 <button
                   type="button"
                   className="focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg text-base px-5 py-2.5 mb-2 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-900"
                 >
-                  Get started
+                  {t("customization_get_started", language)}
                 </button>
               </div>
             </div>
@@ -38,7 +40,7 @@ const Customization = () => {
             <img
               src="/images/interaction2.png"
               className="w-full h-auto"
-              alt=""
+              alt={t("customization_image_alt", language)}
             />
           </div>
         </div>
@@ -48,3 +50,4 @@ const Customization = () => {
 };
 
 export default Customization;
+

Frontend/src/pages/Home/Footer.jsx

@@ -1,6 +1,13 @@
 import React from "react";
+import { t } from "../../service/translation"; 
+import { useOutletContext } from "react-router-dom";
+
+const Footer = (props) => {
+  // Get language from context if available, else from props, default to "en"
+  const outletContext = useOutletContext?.();
+  const language =
+    (outletContext && outletContext.language) || props.language || "en";
 
-const Footer = () => {
   return (
     <>
       <footer className="text-gray-50">
@@ -11,10 +18,10 @@ const Footer = () => {
                 <img
                   src="/images/logo.png"
                   className="h-9 rounded-full"
-                  alt="Logo"
+                  alt={t("footer_logo_alt", language)}
                 />
                 <span className="self-center text-xl font-bold whitespace-nowrap dark:text-white">
-                  Crop Compass
+                  {t("footer_brand", language)}
                 </span>
               </a>
             </div>
@@ -24,9 +31,9 @@ const Footer = () => {
             <span className="text-sm text-gray-50 sm:text-center dark:text-gray-400">
               © 2025{" "}
               <a href="/" className="hover:underline">
-                Crop Compass™
+                {t("footer_brand", language)}™
               </a>
-              . All Rights Reserved.
+              . {t("footer_rights_reserved", language)}
             </span>
           </div>
         </div>
@@ -36,3 +43,4 @@ const Footer = () => {
 };
 
 export default Footer;
+

Frontend/src/pages/Home/Hero.jsx

@@ -1,18 +1,24 @@
 import React from "react";
-import { Link } from "react-router-dom";
+import { Link, useOutletContext } from "react-router-dom";
+import { t } from "../../service/translation"; 
+
+const Hero = (props) => {
+  // Get language from outlet context or props or default to 'en'
+  const outletContext = useOutletContext?.();
+  const language =
+    (outletContext && outletContext.language) || props.language || "en";
 
-const Hero = () => {
   return (
     <>
-      <section className=" py-12 w-full flex justify-center pt-28 text-gray-100">
+      <section className="py-12 w-full flex justify-center pt-28 text-gray-100">
         <div className="flex flex-col-reverse md:flex-row justify-between w-10/12 h-auto">
           <div className="container mx-auto flex flex-col justify-between h-full w-full">
             <div className="text-center md:text-start flex flex-col justify-around h-full">
               <h1 className="text-6xl md:text-6xl md:w-2/3 md:font-extrabold font-bold">
-                Anything and Everything you Need to know About
+                {t("hero_heading_main", language)}
               </h1>
               <p className="text-2xl font-semibold mb-8 ">
-                Your crops and their Health!
+                {t("hero_heading_sub", language)}
               </p>
             </div>
           </div>
@@ -20,37 +26,36 @@ const Hero = () => {
             <img
               src="/images/plant.png"
               className="w-full h-auto rounded-3xl shadow-xl"
-              alt="plant"
+              alt={t("hero_image_alt", language)}
             />
           </div>
         </div>
       </section>
 
-      <div className=" flex justify-center">
-        <div className=" flex justify-between  py-8 w-5/6 ">
-          <div className="max-w-sm  rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700">
+      <div className="flex justify-center">
+        <div className="flex justify-between py-8 w-5/6">
+          <div className="max-w-sm rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700">
             <a href="#">
               <img
                 className="rounded-t-lg"
                 src="/images/plant.png"
-                alt="plant"
+                alt={t("hero_card1_image_alt", language)}
               />
             </a>
-            <div className="p-8 backdrop-blur-md  rounded-b-lg">
+            <div className="p-8 backdrop-blur-md rounded-b-lg">
               <a href="#">
                 <h5 className="mb-2 text-2xl font-bold tracking-tight text-white dark:text-white">
-                  Noteworthy technology acquisitions 2021
+                  {t("hero_card1_title", language)}
                 </h5>
               </a>
-              <p className="mb-3 font-normal text-white  dark:text-gray-400">
-                Here are the biggest enterprise technology acquisitions of 2021
-                so far, in reverse chronological order.
+              <p className="mb-3 font-normal text-white dark:text-gray-400">
+                {t("hero_card1_body", language)}
               </p>
               <a
                 href="#"
-                className="inline-flex shadow-md backdrop-blur-md bg-gradient-to-tr from-gray-700/20 to-gray-50/20 items-center px-3 py-2 text-sm font-medium text-center text-white rounded-lg hover:backdrop-blur-xl "
+                className="inline-flex shadow-md backdrop-blur-md bg-gradient-to-tr from-gray-700/20 to-gray-50/20 items-center px-3 py-2 text-sm font-medium text-center text-white rounded-lg hover:backdrop-blur-xl"
               >
-                Read more
+                {t("hero_card1_read_more", language)}
                 <svg
                   className="rtl:rotate-180 w-3.5 h-3.5 ms-2"
                   aria-hidden="true"
@@ -60,9 +65,9 @@ const Hero = () => {
                 >
                   <path
                     stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
                     d="M1 5h12m0 0L9 1m4 4L9 9"
                   />
                 </svg>
@@ -70,18 +75,17 @@ const Hero = () => {
             </div>
           </div>
 
-          <div className="flex flex-col gap-10 justify-between ">
+          <div className="flex flex-col gap-10 justify-between">
             <div>
               <a
                 href="#"
                 className="block max-w-sm p-6 rounded-lg shadow-md backdrop-blur-md dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700"
               >
                 <h5 className="mb-2 text-2xl font-bold tracking-tight text-gray-50 dark:text-white">
-                  Noteworthy technology acquisitions 2021
+                  {t("hero_card2_title", language)}
                 </h5>
                 <p className="font-normal text-gray-50 dark:text-gray-400">
-                  Here are the biggest enterprise technology acquisitions of
-                  2021 so far, in reverse chronological order.
+                  {t("hero_card2_body", language)}
                 </p>
               </a>
             </div>
@@ -89,18 +93,17 @@ const Hero = () => {
             <div className="max-w-sm p-6 backdrop-blur-md rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700">
               <a href="#">
                 <h5 className="mb-2 text-2xl font-bold tracking-tight text-gray-50 dark:text-white">
-                  Noteworthy technology acquisitions 2021
+                  {t("hero_card3_title", language)}
                 </h5>
               </a>
               <p className="mb-3 font-normal text-gray-50 dark:text-gray-400">
-                Here are the biggest enterprise technology acquisitions of 2021
-                so far, in reverse chronological order.
+                {t("hero_card3_body", language)}
               </p>
               <a
                 href="#"
-                className="inline-flex shadow-md backdrop-blur-md bg-gradient-to-tr from-gray-700/20 to-gray-50/20 items-center px-3 py-2 text-sm font-medium text-center text-white rounded-lg hover:backdrop-blur-xl "
+                className="inline-flex shadow-md backdrop-blur-md bg-gradient-to-tr from-gray-700/20 to-gray-50/20 items-center px-3 py-2 text-sm font-medium text-center text-white rounded-lg hover:backdrop-blur-xl"
               >
-                Read more
+                {t("hero_card3_read_more", language)}
                 <svg
                   className="rtl:rotate-180 w-3.5 h-3.5 ms-2"
                   aria-hidden="true"
@@ -110,9 +113,9 @@ const Hero = () => {
                 >
                   <path
                     stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
                     d="M1 5h12m0 0L9 1m4 4L9 9"
                   />
                 </svg>
@@ -120,13 +123,13 @@ const Hero = () => {
             </div>
           </div>
 
-          <div className=" flex flex-col justify-between">
+          <div className="flex flex-col justify-between">
             <div className="w-full max-w-sm bg-white rounded-lg shadow-xl dark:bg-gray-800 dark:border-gray-700">
               <a href="#">
                 <img
-                  className=" rounded-lg"
+                  className="rounded-lg"
                   src="/images/plant.png"
-                  alt="product image"
+                  alt={t("hero_card4_image_alt", language)}
                 />
               </a>
             </div>
@@ -137,11 +140,10 @@ const Hero = () => {
                 className="block max-w-sm p-6 backdrop-blur-xl rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700"
               >
                 <h5 className="mb-2 text-2xl font-bold tracking-tight text-gray-50 dark:text-white">
-                  Noteworthy technology acquisitions 2021
+                  {t("hero_card5_title", language)}
                 </h5>
                 <p className="font-normal text-gray-50 dark:text-gray-400">
-                  Here are the biggest enterprise technology acquisitions of
-                  2021 so far, in reverse chronological order.
+                  {t("hero_card5_body", language)}
                 </p>
               </a>
             </div>
@@ -154,4 +156,3 @@ const Hero = () => {
 
 export default Hero;
 
-// {grid grid-cols-1 sm:grid-cols-2  md:grid-cols-2}

Frontend/src/pages/Home/Hero2.jsx

@@ -10,6 +10,8 @@ import {
 } from "./Cards";
 import Testimonial from "./Testimonial";
 import Navbar2 from "../../components/Navbar2";
+import { t } from "../../service/translation"; 
+import { useOutletContext } from "react-router-dom";
 
 const ScrollReveal = ({ children, direction = "left" }) => {
   const { ref, inView } = useInView({ triggerOnce: true, threshold: 0.2 });
@@ -33,59 +35,50 @@ const ScrollReveal = ({ children, direction = "left" }) => {
   );
 };
 
-function Hero2() {
-  const myRef = document.querySelector(".scrollable-div");
+function Hero2(props) {
+  // Get language from context if available, else from props, default to "en"
+  const outletContext = useOutletContext?.();
+  const language =
+    (outletContext && outletContext.language) || props.language || "en";
 
   return (
     <div>
-      <Navbar2 />
+      
       <ScrollReveal direction="up">
-        <HeroSecn />
+        <HeroSecn language={language} />
       </ScrollReveal>
-      <Testimonial />
-      <div className=" flex justify-center">
-        <div className=" flex justify-between  py-8 w-5/6 ">
+      <Testimonial language={language} />
+      <div className="flex justify-center">
+        <div className="flex justify-between py-8 w-5/6 ">
           <ScrollReveal direction="up">
-            <CardWithImage />
+            <CardWithImage language={language} />
           </ScrollReveal>
 
           <div className="flex flex-col gap-10 justify-between ">
             <ScrollReveal direction="up">
-              {" "}
               <CardOnlyText
-                headingText={
-                  "AI for agriculture: How Indian farmers are harvesting innovation"
-                }
-                bodyText={
-                  "Farmers participating in the programme saw a 21% increase in chili yields per acre, a 9% reduction in pesticide use, a 5% decrease in fertilizer usage, and an 8% improvement in unit prices due to quality enhancements."
-                }
-                href={
-                  "https://www.weforum.org/impact/ai-for-agriculture-in-india/ "
-                }
-              />{" "}
+                headingText={t("hero2_card1_heading", language)}
+                bodyText={t("hero2_card1_body", language)}
+                href="https://www.weforum.org/impact/ai-for-agriculture-in-india/"
+                language={language}
+              />
             </ScrollReveal>
             <ScrollReveal direction="up">
-              {" "}
-              <CardWithButton />{" "}
+              <CardWithButton language={language} />
             </ScrollReveal>
           </div>
 
-          <div className=" flex flex-col justify-between">
+          <div className="flex flex-col justify-between">
             <ScrollReveal direction="up">
-              {" "}
               <CardOnlyText
-                headingText={
-                  "SugarChain: Blockchain technology meets Agriculture"
-                }
-                bodyText={
-                  "The use of blockchain technology can help farmers automate processes with high trust, addressing issues like middlemen involvement and ensuring accurate compensation for their products"
-                }
-                href={"https://arxiv.org/abs/2301.08405"}
-              />{" "}
+                headingText={t("hero2_card2_heading", language)}
+                bodyText={t("hero2_card2_body", language)}
+                href="https://arxiv.org/abs/2301.08405"
+                language={language}
+              />
             </ScrollReveal>
             <ScrollReveal direction="up">
-              {" "}
-              <CardWithOnlyImage />{" "}
+              <CardWithOnlyImage language={language} />
             </ScrollReveal>
           </div>
         </div>
@@ -95,3 +88,4 @@ function Hero2() {
 }
 
 export default Hero2;
+

Frontend/src/pages/Home/HomePage.jsx

@@ -4,13 +4,15 @@ import Hero from "./Hero";
 import Testimonial from "./Testimonial";
 import Hero2 from "./Hero2";
 import Footer from "./Footer";
+import Navbar2 from "../../components/Navbar2";
 
 const HomePage = () => {
   return (
     <>
       <div className=" bg-[url(/images/bgphoto.png)] bg-no-repeat bg-cover">
+        <Navbar2 />
         <Hero2 />
-        
+
         <Footer />
       </div>
     </>

Frontend/src/pages/Home/ReviewSection.jsx

@@ -1,289 +0,0 @@
-import React from "react";
-
-const Reviews = [
-  [
-    {
-      src: "/images/Review1.jpeg",
-      alt: "Bonnie image",
-      name: "Bonnie",
-      occupation: "Student",
-      review:
-        "As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
-    },
-    {
-      src: "/images/Review1.jpeg",
-      alt: "Bonnie image",
-      name: "Bonnie",
-      occupation: "Student",
-      review:
-        "As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
-    },
-    {
-      src: "/images/Review1.jpeg",
-      alt: "Bonnie image",
-      name: "Bonnie",
-      occupation: "Student",
-      review:
-        "As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
-    },
-  ],
-  [
-    {
-      src: "/images/Review1.jpeg",
-      alt: "Bonnie image",
-      name: "Bonnie",
-      occupation: "Student",
-      review:
-        "As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
-    },
-    {
-      src: "/images/Review1.jpeg",
-      alt: "Bonnie image",
-      name: "Bonnie",
-      occupation: "Student",
-      review:
-        "As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
-    },
-    {
-      src: "/images/Review1.jpeg",
-      alt: "Bonnie image",
-      name: "Bonnie",
-      occupation: "Student",
-      review:
-        "As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
-    },
-  ],
-  [
-    {
-      src: "/images/Review1.jpeg",
-      alt: "Bonnie image",
-      name: "Bonnie",
-      occupation: "Student",
-      review:
-        "As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
-    },
-    {
-      src: "/images/Review1.jpeg",
-      alt: "Bonnie image",
-      name: "Bonnie",
-      occupation: "Student",
-      review:
-        "As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
-    },
-    {
-      src: "/images/Review1.jpeg",
-      alt: "Bonnie image",
-      name: "Bonnie",
-      occupation: "Student",
-      review:
-        "As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
-    },
-  ],
-
-  [
-    {
-      src: "/images/Review1.jpeg",
-      alt: "Bonnie image",
-      name: "Bonnie",
-      occupation: "Student",
-      review:
-        "As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
-    },
-    {
-      src: "/images/Review1.jpeg",
-      alt: "Bonnie image",
-      name: "Bonnie",
-      occupation: "Student",
-      review:
-        "As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
-    },
-    {
-      src: "/images/Review1.jpeg",
-      alt: "Bonnie image",
-      name: "Bonnie",
-      occupation: "Student",
-      review:
-        "As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
-    },
-  ],
-
-  [
-    {
-      src: "/images/Review1.jpeg",
-      alt: "Bonnie image",
-      name: "Bonnie",
-      occupation: "Student",
-      review:
-        "As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
-    },
-    {
-      src: "/images/Review1.jpeg",
-      alt: "Bonnie image",
-      name: "Bonnie",
-      occupation: "Student",
-      review:
-        "As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
-    },
-    {
-      src: "/images/Review1.jpeg",
-      alt: "Bonnie image",
-      name: "Bonnie",
-      occupation: "Student",
-      review:
-        "As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
-    },
-  ],
-];
-
-const ReviewSection = () => {
-  return (
-    <>
-      <section className="bg-gray-100 py-12">
-        <div className="container mx-auto">
-          <div className="text-center">
-            <h2 className=" text-2xl md:text-4xl font-bold mb-4">OUR TESTIMONIALS</h2>
-            <h1 className="text-3xl md:text-6xl font-bold mb-4">
-              What Our Students Say About Us
-            </h1>
-          </div>
-
-          <div
-            id="default-carousel"
-            className="relative w-full"
-            data-carousel="slide"
-          >
-            {/* <!-- Carousel wrapper --> */}
-            <div className="relative h-64 overflow-hidden rounded-lg md:h-96">
-              {/* <!-- Item 1 --> */}
-              {Reviews.map((reviewList) => (
-                <div
-                  className="hidden duration-700 ease-in-out w-full"
-                  data-carousel-item
-                >
-                  <div className="flex w-full items-center justify-center h-full gap-8">
-                    {/* Review no 1 */}
-
-                    {reviewList.map((review) => (
-                      <div className="w-full max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700 md:py-2">
-                        <div className="flex flex-col items-center pb-10 p-2">
-                          <img
-                            className="w-20 h-20 md:w-24 md:h-24 mb-3 rounded-full shadow-lg"
-                            src={`${review.src}`}
-                            alt={`${review.alt}`}
-                          />
-                          <h5 className="mb-1 text-xl font-medium text-gray-900 dark:text-white">
-                            {review.name}
-                          </h5>
-                          <span className="text-base font-semibold text-gray-500 dark:text-gray-400">
-                            {review.occupation}
-                          </span>
-
-                          <p className="md:hidden text-sm text-gray-600 text-center">
-                            {review.review.substring(0, 35)}....
-                          </p>
-
-                          <p className="hidden md:block text-sm text-gray-600 text-center">
-                            {review.review.substring(0,200)}...
-                          </p>
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                </div>
-              ))}
-            </div>
-            {/* <!-- Slider indicators --> */}
-            <div className="absolute z-30 flex -translate-x-1/2 bottom-5 left-1/2 space-x-3 rtl:space-x-reverse">
-              <button
-                type="button"
-                className="w-3 h-3 rounded-full"
-                aria-current="true"
-                aria-label="Slide 1"
-                data-carousel-slide-to="0"
-              ></button>
-              <button
-                type="button"
-                className="w-3 h-3 rounded-full"
-                aria-current="false"
-                aria-label="Slide 2"
-                data-carousel-slide-to="1"
-              ></button>
-              <button
-                type="button"
-                className="w-3 h-3 rounded-full"
-                aria-current="false"
-                aria-label="Slide 3"
-                data-carousel-slide-to="2"
-              ></button>
-              <button
-                type="button"
-                className="w-3 h-3 rounded-full"
-                aria-current="false"
-                aria-label="Slide 4"
-                data-carousel-slide-to="3"
-              ></button>
-              <button
-                type="button"
-                className="w-3 h-3 rounded-full"
-                aria-current="false"
-                aria-label="Slide 5"
-                data-carousel-slide-to="4"
-              ></button>
-            </div>
-            {/* <!-- Slider controls --> */}
-            <button
-              type="button"
-              className="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none"
-              data-carousel-prev
-            >
-              <span className="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
-                <svg
-                  className="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180"
-                  aria-hidden="true"
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  viewBox="0 0 6 10"
-                >
-                  <path
-                    stroke="currentColor"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="2"
-                    d="M5 1 1 5l4 4"
-                  />
-                </svg>
-                <span className="sr-only">Previous</span>
-              </span>
-            </button>
-            <button
-              type="button"
-              className="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none"
-              data-carousel-next
-            >
-              <span className="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
-                <svg
-                  className="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180"
-                  aria-hidden="true"
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  viewBox="0 0 6 10"
-                >
-                  <path
-                    stroke="currentColor"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="2"
-                    d="m1 9 4-4-4-4"
-                  />
-                </svg>
-                <span className="sr-only">Next</span>
-              </span>
-            </button>
-          </div>
-        </div>
-      </section>
-    </>
-  );
-};
-
-export default ReviewSection;

Frontend/src/pages/Home/SubjectSection.jsx

@@ -1,179 +0,0 @@
-import React from "react";
-import { MdEngineering } from "react-icons/md";
-import { FaLaptopCode } from "react-icons/fa";
-import { LiaLanguageSolid } from "react-icons/lia";
-import { MdScience } from "react-icons/md";
-import { MdHistoryEdu } from "react-icons/md";
-import { MdPsychology } from "react-icons/md";
-import { CgWebsite } from "react-icons/cg";
-import { FaReplyAll } from "react-icons/fa";
-
-const SubjectList = [
-  {
-    icon: "FaLaptopCode",
-    title: "Programming",
-  },
-  {
-    icon: "MdEngineering",
-    title: "Engineering",
-  },
-  {
-    icon: "LiaLanguageSolid",
-    title: "Languages",
-  },
-  {
-    icon: "MdScience",
-    title: "Science",
-  },
-  {
-    icon: "MdHistoryEdu",
-    title: "History",
-  },
-  {
-    icon: "MdPsychology",
-    title: "Psychology",
-  },
-  {
-    icon: "CgWebsite",
-    title: "Web Design",
-  },
-  {
-    icon: "FaReplyAll",
-    title: "See all",
-  },
-];
-const SubjectSection = () => {
-  return (
-    <>
-      <section className="bg-white py-12 flex justify-center">
-        <div className="w-11/12">
-          <div className="container mx-auto">
-            <div className="text-center">
-              <h2 className="text-xl md:text-4xl font-bold mb-4">
-                OUR TUTOR SUBJECTS
-              </h2>
-              <h1 className="text-4xl md:text-6xl font-bold mb-4">
-                Find Online Tutor in Any Subject
-              </h1>
-            </div>
-            <div className="grid grid-cols-2 gap-3 md:gap-4 mt-10 md:grid-cols-3  lg:grid-cols-4">
-              <div
-                id="toast-success"
-                className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800 "
-                role="alert"
-              >
-                <div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-green-500 bg-green-100 rounded-lg dark:bg-green-800 dark:text-green-200">
-                  <FaLaptopCode className="text-base sm:text-xl" />
-                  <span className="sr-only">Check icon</span>
-                </div>
-                <div className="ms-3 text-sm sm:text-xl font-bold  text-black font-sans">
-                  Programming
-                </div>
-              </div>
-
-              <div
-                id="toast-success"
-                className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800"
-                role="alert"
-              >
-                <div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-blue-500 bg-blue-100 rounded-lg dark:bg-blue-800 dark:text-blue-200">
-                  <MdEngineering className="text-base sm:text-xl" />
-                  <span className="sr-only">Check icon</span>
-                </div>
-                <div className="ms-3 text-sm sm:text-xl font-bold  text-black font-sans">
-                  Engineering
-                </div>
-              </div>
-
-              <div
-                id="toast-success"
-                className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800"
-                role="alert"
-              >
-                <div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-pink-500 bg-pink-100 rounded-lg dark:bg-pink-800 dark:text-pink-200">
-                  <LiaLanguageSolid className="text-base sm:text-xl" />
-                  <span className="sr-only">Check icon</span>
-                </div>
-                <div className="ms-3 text-base sm:text-xl font-bold  text-black font-sans">
-                  Languages
-                </div>
-              </div>
-
-              <div
-                id="toast-success"
-                className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800"
-                role="alert"
-              >
-                <div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-purple-500 bg-purple-100 rounded-lg dark:bg-purple-800 dark:text-purple-200">
-                  <MdScience className="text-base sm:text-xl" />
-                  <span className="sr-only">Check icon</span>
-                </div>
-                <div className="ms-3 text-base sm:text-xl font-bold  text-black font-sans">
-                  Science
-                </div>
-              </div>
-
-              <div
-                id="toast-success"
-                className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800"
-                role="alert"
-              >
-                <div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-yellow-500 bg-yellow-100 rounded-lg dark:bg-yellow-800 dark:text-yellow-200">
-                  <MdHistoryEdu className="text-base sm:text-xl" />
-                  <span className="sr-only">Check icon</span>
-                </div>
-                <div className="ms-3 text-base sm:text-xl font-bold  text-black font-sans">
-                  History
-                </div>
-              </div>
-
-              <div
-                id="toast-success"
-                className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800"
-                role="alert"
-              >
-                <div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-red-500 bg-red-100 rounded-lg dark:bg-red-800 dark:text-red-200">
-                  <MdPsychology className="text-base sm:text-xl" />
-                  <span className="sr-only">Check icon</span>
-                </div>
-                <div className="ms-3 text-base sm:text-xl font-bold  text-black font-sans">
-                  Psychology
-                </div>
-              </div>
-
-              <div
-                id="toast-success"
-                className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800 md:hidden lg:flex"
-                role="alert"
-              >
-                <div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-orange-500 bg-orange-100 rounded-lg dark:bg-orange-800 dark:text-orange-200 ">
-                  <CgWebsite className="text-base sm:text-xl" />
-                  <span className="sr-only">Check icon</span>
-                </div>
-                <div className="ms-3 text-base sm:text-xl font-bold  text-black font-sans">
-                  Web Design
-                </div>
-              </div>
-
-              <div
-                id="toast-success"
-                className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800 md:hidden lg:flex"
-                role="alert"
-              >
-                <div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-gray-500 bg-gray-100 rounded-lg dark:bg-gray-800 dark:text-gray-200">
-                  <FaReplyAll className="text-base sm:text-xl" />
-                  <span className="sr-only">Check icon</span>
-                </div>
-                <div className="ms-3 text-base sm:text-xl font-bold  text-black font-sans">
-                  See all
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </section>
-    </>
-  );
-};
-
-export default SubjectSection;

Frontend/src/pages/Home/Testimonial.jsx

@@ -6,6 +6,8 @@ import { motion } from "framer-motion";
 import { useInView } from "react-intersection-observer";
 import TypeWriterEffect from "react-typewriter-effect";
 import cards from "./Cards";
+import { t } from "../../service/translation";
+import { useOutletContext } from "react-router-dom";
 
 const ScrollReveal = ({ children, direction = "left" }) => {
   const { ref, inView } = useInView({ triggerOnce: true, threshold: 0.5 });
@@ -29,17 +31,22 @@ const ScrollReveal = ({ children, direction = "left" }) => {
   );
 };
 
-const Testimonial = () => {
+const Testimonial = (props) => {
+  // Get language from context or props, default to 'en'
+  const outletContext = useOutletContext?.();
+  const language =
+    (outletContext && outletContext.language) || props.language || "en";
+
   const myRef = document.querySelector(".scrollable-div");
 
   return (
     <>
-      <section className=" py-12 px-2 md:px-32  text-white">
+      <section className="py-12 px-2 md:px-32 text-white">
         <div className="container mx-auto min-h-[20]">
-          <div className="text-center flex-col justify-center align-middle  min-h-full">
+          <div className="text-center flex-col justify-center align-middle min-h-full">
             <ScrollReveal direction="up">
               <h2 className="text-xl sm:text-4xl font-bold mb-4 drop-shadow-md">
-                WHY CHOOSE US?
+                {t("testimonial_heading", language)}
               </h2>
             </ScrollReveal>
             <ScrollReveal direction="up">
@@ -50,35 +57,30 @@ const Testimonial = () => {
                   scrollArea={myRef}
                   startDelay={100}
                   cursorColor="white"
-                  text="⠀Unparalled management for crops & farms."
+                  text={t("testimonial_typewriter", language)}
                   typeSpeed={100}
                 />
               </h1>
             </ScrollReveal>
           </div>
 
-          <div className="flex flex-col sm:flex-row  justify-around mt-8 h-auto min-h-[50]">
+          <div className="flex flex-col sm:flex-row justify-around mt-8 h-auto min-h-[50]">
             <ScrollReveal direction="up">
               <div className="max-w-sm p-6 backdrop-blur-md rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700">
-                <img
-                  src="/images/dashboard.png"
-                  alt="dashboard"
-                  className="w-7 h-7"
-                ></img>
+                <img src="/images/dashboard.png" alt="dashboard" className="w-7 h-7" />
                 <a href="/user/dashboard/">
                   <h5 className="mb-2 text-2xl font-semibold tracking-tight text-gray-50 dark:text-white">
-                    Excellent Dashboards
+                    {t("testimonial_card1_title", language)}
                   </h5>
                 </a>
                 <p className="mb-3 font-normal text-gray-50 dark:text-gray-400">
-                  Our descriptive dashboards give insights into your crop's
-                  health and keeps track of your burning expenses.
+                  {t("testimonial_card1_body", language)}
                 </p>
                 <a
                   href="#"
                   className="inline-flex font-medium items-center text-blue-600 hover:underline"
                 >
-                  Check Out
+                  {t("testimonial_check_out", language)}
                   <svg
                     className="w-3 h-3 ms-2.5 rtl:rotate-[270deg]"
                     aria-hidden="true"
@@ -88,9 +90,9 @@ const Testimonial = () => {
                   >
                     <path
                       stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="2"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                      strokeWidth="2"
                       d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"
                     />
                   </svg>
@@ -103,19 +105,17 @@ const Testimonial = () => {
                 <img src="/images/crops.png" className="w-7 h-7" alt="" />
                 <a href="#">
                   <h5 className="mb-2 text-2xl font-semibold tracking-tight text-gray-50 dark:text-white">
-                    {" "}
-                    Crop Disease Prediction{" "}
+                    {t("testimonial_card2_title", language)}
                   </h5>
                 </a>
                 <p className="mb-3 font-normal text-gray-50 dark:text-gray-400">
-                  Predict the possible crop diseases based on their shown
-                  symptoms.
+                  {t("testimonial_card2_body", language)}
                 </p>
                 <a
                   href="/ai"
                   className="inline-flex font-medium items-center text-blue-600 hover:underline"
                 >
-                  Check Out
+                  {t("testimonial_check_out", language)}
                   <svg
                     className="w-3 h-3 ms-2.5 rtl:rotate-[270deg]"
                     aria-hidden="true"
@@ -125,9 +125,9 @@ const Testimonial = () => {
                   >
                     <path
                       stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="2"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                      strokeWidth="2"
                       d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"
                     />
                   </svg>
@@ -140,19 +140,17 @@ const Testimonial = () => {
                 <img src="/images/planner.png" className="w-7 h-7" alt="" />
                 <a href="/user/dashboard/monitoring">
                   <h5 className="mb-2 text-2xl font-semibold tracking-tight text-gray-50 dark:text-white">
-                    Crop Planner
+                    {t("testimonial_card3_title", language)}
                   </h5>
                 </a>
                 <p className="mb-3 font-normal text-gray-50 dark:text-gray-400">
-                  Based on previous season's crop and used pertilizers and
-                  pesticides, plan what crops would best suit the present state
-                  of your soil.
+                  {t("testimonial_card3_body", language)}
                 </p>
                 <a
                   href="#"
                   className="inline-flex font-medium items-center text-blue-600 hover:underline"
                 >
-                  Check Out
+                  {t("testimonial_check_out", language)}
                   <svg
                     className="w-3 h-3 ms-2.5 rtl:rotate-[270deg]"
                     aria-hidden="true"
@@ -162,9 +160,9 @@ const Testimonial = () => {
                   >
                     <path
                       stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="2"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                      strokeWidth="2"
                       d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"
                     />
                   </svg>

Frontend/src/pages/Login/LoginPage.jsx

@@ -1,88 +1,117 @@
-import React, { useRef } from "react";
+import React, { useRef, useState } from "react";
 import { useDispatch } from "react-redux";
-import { Link, useNavigate } from "react-router-dom";
+import { Link, useNavigate, useOutletContext } from "react-router-dom";
 import { userSliceActions } from "../../store/userSlice";
 import { BACKEND_URL } from "../../constants";
+import { t } from "../../service/translation";
+import Message from "../../components/Message"; // Import Message component
 
 const LoginPage = () => {
+  const { language } = useOutletContext();
   const emailElement = useRef();
   const passwordElement = useRef();
 
-  const navigate = useNavigate();
+  const [error, setError] = useState(""); // For showing errors
 
+  const navigate = useNavigate();
   const dispatch = useDispatch();
 
   const handleLogin = async (event) => {
     event.preventDefault();
-    const responce = await fetch(`${BACKEND_URL}/api/v1/login`, {
-      method: "POST",
-      credentials: "include",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({
-        email: emailElement.current.value,
-        password: passwordElement.current.value,
-      }),
-    });
-
-    const user = await responce.json();
-
-    dispatch(userSliceActions.addUser(user.data));
-
-    emailElement.current.value = "";
-    passwordElement.current.value = "";
-
-    if (user.success == true) {
-      navigate("/");
+    setError(""); // Clear previous error
+  
+    try {
+      const response = await fetch(`${BACKEND_URL}/api/v1/login`, {
+        method: "POST",
+        credentials: "include",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+          email: emailElement.current.value,
+          password: passwordElement.current.value,
+        }),
+      });
+  
+      if (response.status === 429) {
+        setError("Too many login attempts. Please try again after 15 minutes.");
+        return;
+      }
+  
+      let data;
+      try {
+        data = await response.json();
+      } catch (jsonError) {
+        setError("Unexpected server response. Please try again.");
+        return;
+      }
+  
+      if (data.success === true) {
+        dispatch(userSliceActions.addUser(data.data));
+        navigate("/");
+      } else {
+        setError(data.message || "Login failed. Please check your credentials.");
+      }
+  
+      emailElement.current.value = "";
+      passwordElement.current.value = "";
+    } catch (err) {
+      console.error("Login error:", err);
+      setError("Something went wrong. Please try again.");
     }
   };
 
   return (
     <section className="bg-[url(/images/loginBG.png)] bg-cover font-sans  flex flex-col justify-center md:p-5  w-full min-h-screen max-h-screen">
       <div className="flex justify-between items-center h-full">
-        <div className="   rounded-lg shadow-md ">
+        <div className="rounded-lg shadow-md ">
           <div className="flex flex-col items-center justify-center h-full ">
-            <h1 className="text-6xl  font-bold text-white mb-4 md:text-6xl lg:text-9xl  ml-8">
-              Welcome Back!
+            <h1 className="text-6xl font-bold text-white mb-4 md:text-6xl lg:text-9xl  ml-8">
+              {t("login_welcome_back", language)}
             </h1>
           </div>
         </div>
-        <div className=" backdrop-blur-md bg-gradient-to-tr from-slate-300/10 to-slate-200/30 rounded-lg shadow-md lg:p-36">
-          <h1 className="text-2xl font-bold text-gray-50 mb-4">Login</h1>
-          <p className="text-gray-100 mb-6">
-            Welcome back! Please login to your account.
-          </p>
+        <div className="backdrop-blur-md bg-gradient-to-tr from-slate-300/10 to-slate-200/30 rounded-lg shadow-md lg:p-36">
+          <h1 className="text-2xl font-bold text-gray-50 mb-4">{t("login_title", language)}</h1>
+          <p className="text-gray-100 mb-6">{t("login_subtitle", language)}</p>
+
+          {/* Show error message */}
+          {error && (
+            <div className="my-4">
+              <Message message={error} type="error" />
+            </div>
+          )}
+
           <form className="space-y-6" onSubmit={handleLogin}>
             <div>
               <label
-                for="username"
+                htmlFor="username"
                 className="block mb-2 text-sm font-medium text-gray-100 dark:text-white"
               >
-                Email
+                {t("login_email_label", language)}
               </label>
               <input
                 type="email"
                 id="username"
                 ref={emailElement}
                 className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
-                placeholder="username@gmail.com"
+                placeholder={t("login_email_placeholder", language)}
                 required
               />
             </div>
             <div>
               <label
-                for="password"
+                htmlFor="password"
                 className="block mb-2 text-sm font-medium text-gray-100 dark:text-white"
               >
-                Password
+                {t("login_password_label", language)}
               </label>
               <input
                 type="password"
                 id="password"
                 ref={passwordElement}
                 className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
-                placeholder="********"
+                placeholder={t("login_password_placeholder", language)}
                 required
               />
             </div>
@@ -95,34 +124,31 @@ const LoginPage = () => {
                   className="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
                 />
                 <label
-                  for="remember_me"
+                  htmlFor="remember_me"
                   className="ml-2 text-sm font-medium text-gray-100 dark:text-gray-300"
                 >
-                  Remember Me
+                  {t("login_remember_me", language)}
                 </label>
               </div>
               <Link
                 to={"/user/forgetpassword"}
                 className="text-sm font-medium text-blue-600 hover:underline dark:text-blue-500"
               >
-                Forgot Password?
+                {t("login_forgot_password", language)}
               </Link>
             </div>
-            <div className=" flex justify-center">
+            <div className="flex justify-center">
               <button
                 type="submit"
-                className="text-white w-1/2 backdrop-blur-lg bg-gradient-to-tr from-slate-100/15 to-slate-200/15 shadow-lg   hover:backdrop-blur-lg focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+                className="text-white w-1/2 backdrop-blur-lg bg-gradient-to-tr from-slate-100/15 to-slate-200/15 shadow-lg hover:backdrop-blur-lg focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
               >
-                Login
+                {t("login_button", language)}
               </button>
             </div>
             <p className="text-gray-100 text-center mt-4">
-              New User?{" "}
-              <Link
-                to={"/user/signup"}
-                className="text-blue-600 hover:underline"
-              >
-                Signup
+              {t("login_new_user", language)}{" "}
+              <Link to={"/user/signup"} className="text-blue-600 hover:underline">
+                {t("login_signup", language)}
               </Link>
             </p>
           </form>

Frontend/src/pages/Login/MainLoginPage.jsx

@@ -1,13 +1,14 @@
 import React from "react";
 import Navbar2 from "../../components/Navbar2.jsx";
-import { Outlet } from "react-router-dom";
+import { Outlet, useOutletContext } from "react-router-dom";
 import Container from "../../components/Container.jsx";
 
-const MainLoginPage = () => {
+const MainLoginPage = ({ language = "en" }) => {
   return (
     <>
       <Container>
-        <Outlet />
+        {/* Pass language to Outlet context for nested routes */}
+        <Outlet context={{ language }} />
       </Container>
     </>
   );

Frontend/src/pages/Login/SignupPage.jsx

@@ -1,201 +1,294 @@
-import React, { useRef } from "react";
+import React, { useRef, useState } from "react";
 import { Link, useNavigate } from "react-router-dom";
 import { BACKEND_URL } from "../../constants";
+import { t } from "../../service/translation";
+import { useOutletContext } from "react-router-dom";
+import { isPasswordPwned } from "../../utils/passwordUtils";
+
+const SignupPage = (props) => {
+  const outletContext = useOutletContext?.();
+  const language = (outletContext && outletContext.language) || props.language || "en";
 
-const SignupPage = () => {
   const firstNameElement = useRef();
   const lastNameElement = useRef();
   const emailElement = useRef();
-  const roleElement = useRef();
   const passwordElement = useRef();
+  const confirmPasswordElement = useRef();
+
+  const [error, setError] = useState("");
+  const [passwordStrength, setPasswordStrength] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [showPassword, setShowPassword] = useState(false);
+  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
 
   const navigate = useNavigate();
 
+  const evaluatePasswordStrength = (password) => {
+    let score = 0;
+    if (password.length >= 8) score++;
+    if (/[a-z]/.test(password)) score++;
+    if (/[A-Z]/.test(password)) score++;
+    if (/\d/.test(password)) score++;
+    if (/[@$!%*?&]/.test(password)) score++;
+
+    if (score <= 2) return "Weak";
+    if (score === 3 || score === 4) return "Moderate";
+    return "Strong";
+  };
+
+  const handlePasswordChange = (e) => {
+    const pwd = e.target.value;
+    passwordElement.current.value = pwd;
+    setPasswordStrength(evaluatePasswordStrength(pwd));
+  };
+
   const handleRegisteration = async (event) => {
     event.preventDefault();
+    setError("");
+
+    const password = passwordElement.current.value;
+    const confirmPassword = confirmPasswordElement.current.value;
+
+    const strongPasswordRegex =
+      /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&]).{8,}$/;
+
+    if (!strongPasswordRegex.test(password)) {
+      setError(
+        "Password must be at least 8 characters long and include uppercase, lowercase, number, and special character."
+      );
+      return;
+    }
+
+    if (password !== confirmPassword) {
+      setError("Passwords do not match.");
+      return;
+    }
+
+    setLoading(true);
+    try {
+      const pwned = await isPasswordPwned(password);
+      if (pwned) {
+        setError("This password previously appeared in a data breach. Please use a new password.");
+        setLoading(false);
+        return;
+      }
+    } catch (err) {
+      console.error("Password breach check failed:", err);
+      setError("Something went wrong while checking password security. Try again.");
+      setLoading(false);
+      return;
+    }
 
     const user = {
-      name:
-        firstNameElement.current.value + " " + lastNameElement.current.value,
+      name: `${firstNameElement.current.value} ${lastNameElement.current.value}`,
       email: emailElement.current.value,
-      password: passwordElement.current.value,
+      password: password,
     };
 
-    event.preventDefault();
+    try {
+      const response = await fetch(`${BACKEND_URL}/api/v1/register`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(user),
+        credentials: "include",
+      });
 
-    const responce = await fetch(`${BACKEND_URL}/api/v1/register`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify(user),
-      credentials: "include",
-    });
-    const data = await responce.json();
+      const data = await response.json();
+
+      if (data.success === true) {
+        navigate("/user/login");
+      } else {
+        setError(data.message || "Registration failed. Please try again.");
+      }
+    } catch (err) {
+      console.error("Registration error:", err);
+      setError("Something went wrong on the server. Please try again later.");
+    }
 
     firstNameElement.current.value = "";
     lastNameElement.current.value = "";
     emailElement.current.value = "";
     passwordElement.current.value = "";
-
-    if (data.success == true) {
-      navigate("/user/login");
-    }
+    confirmPasswordElement.current.value = "";
+    setPasswordStrength("");
+    setLoading(false);
   };
 
   return (
     <section className="bg-[url(https://i.pinimg.com/736x/6c/d2/cc/6cd2cc05a7e464a78bdf1124b4ad30f1.jpg)] bg-cover font-sans flex flex-col justify-center min-h-screen max-h-screen">
       <div className="flex justify-between items-center w-full h-full p-5">
-        {/* <div className="bg-gradient-to-br from-purple-300 to-pink-200 rounded-lg shadow-md  min-h-40 object-center md:hidden">
-          <div className="flex flex-col items-center justify-center h-full relative">
-            <img
-              src="/images/background1.jpg"
-              alt=""
-              className="absolute order-3 w-full h-full"
-            />
-            <h1 className="text-6xl font-bold text-white mb-4 md:text-6xl lg:text-9xl relative ml-8">
-              Welcome to Crop Compass
-            </h1>
-          </div>
-        </div> */}
         <div className="backdrop-blur-md bg-gradient-to-tr from-slate-300/10 to-slate-200/30 rounded-lg shadow-md lg:p-36 h-[95vh]">
           <h1 className="text-2xl font-bold text-gray-50 mb-4">
-            Register Your account
+            {t("signup_register_heading", language)}
           </h1>
-          <p className="text-gray-100">Welcome to Crop Compass.</p>
-          <p className="text-gray-100 mb-6">
-            Please register your new account.
-          </p>
-          <form action="#" className="space-y-6" onSubmit={handleRegisteration}>
+          <p className="text-gray-100">{t("signup_welcome", language)}</p>
+          <p className="text-gray-100 mb-6">{t("signup_subtitle", language)}</p>
+
+          <form className="space-y-6" onSubmit={handleRegisteration}>
             <div className="flex flex-col gap-5 sm:flex-row">
               <div className="w-full">
-                <label
-                  htmlFor="username"
-                  className="block mb-2 text-sm font-medium text-gray-100 dark:text-white"
-                >
-                  First Name
+                <label htmlFor="firstName" className="block mb-2 text-sm font-medium text-gray-100">
+                  {t("signup_first_name_label", language)}
                 </label>
                 <input
                   type="text"
                   id="firstName"
                   ref={firstNameElement}
-                  className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
-                  placeholder="John"
+                  className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5"
+                  placeholder={t("signup_first_name_placeholder", language)}
                   required
                 />
               </div>
               <div className="w-full">
-                <label
-                  htmlFor="username"
-                  className="block mb-2 text-sm font-medium text-gray-100 dark:text-white"
-                >
-                  Last Name
+                <label htmlFor="lastName" className="block mb-2 text-sm font-medium text-gray-100">
+                  {t("signup_last_name_label", language)}
                 </label>
                 <input
                   type="text"
-                  id="LastName"
+                  id="lastName"
                   ref={lastNameElement}
-                  className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
-                  placeholder="Doe"
+                  className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5"
+                  placeholder={t("signup_last_name_placeholder", language)}
                   required
                 />
               </div>
             </div>
 
             <div>
-              <label
-                htmlFor="username"
-                className="block mb-2 text-sm font-medium text-gray-100 dark:text-white"
-              >
-                Email
+              <label htmlFor="email" className="block mb-2 text-sm font-medium text-gray-100">
+                {t("signup_email_label", language)}
               </label>
               <input
                 type="email"
                 id="email"
                 ref={emailElement}
-                className="bg-gray-50 border border-gray-300 text-black text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
-                placeholder="user@mail.com"
+                className="bg-gray-50 border border-gray-300 text-black text-sm rounded-lg block w-full p-2.5"
+                placeholder={t("signup_email_placeholder", language)}
                 required
               />
             </div>
+
+            {/* Password */}
             <div>
-              <label
-                htmlFor="password"
-                className="block mb-2 text-sm font-medium text-gray-900 dark:text-white"
-              >
-                Password
+              <label htmlFor="password" className="block mb-2 text-sm font-medium text-gray-100">
+                {t("signup_password_label", language)}
               </label>
-              <input
-                type="password"
-                id="password"
-                ref={passwordElement}
-                className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
-                placeholder="At least 6 unique Characters.. "
-                required
-              />
-            </div>
-            <div className="flex items-center justify-between">
-              <div className="flex items-center">
+              <div className="relative">
                 <input
-                  id="remember_me"
-                  type="checkbox"
-                  value=""
-                  className="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
+                  type={showPassword ? "text" : "password"}
+                  id="password"
+                  ref={passwordElement}
+                  onChange={handlePasswordChange}
+                  className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5 pr-10"
+                  placeholder={t("signup_password_placeholder", language)}
+                  required
                 />
-                <label
-                  htmlFor="remember_me"
-                  className="ml-2 text-sm font-medium text-gray-900 dark:text-gray-300"
+                <button
+                  type="button"
+                  onClick={() => setShowPassword((prev) => !prev)}
+                  className="absolute right-2 top-2 text-sm text-blue-500"
                 >
-                  Remember Me
-                </label>
+                  {showPassword ? "Hide" : "Show"}
+                </button>
               </div>
-              <a
-                href="#"
-                className="text-sm font-medium text-blue-600 hover:underline dark:text-blue-500"
-              ></a>
+
+              {/* Password Strength */}
+              {passwordStrength && (
+                <>
+                  <div className="mt-2 text-sm font-medium">
+                    Password strength:{" "}
+                    <span
+                      className={
+                        passwordStrength === "Weak"
+                          ? "text-red-500"
+                          : passwordStrength === "Moderate"
+                          ? "text-yellow-500"
+                          : "text-green-500"
+                      }
+                    >
+                      {passwordStrength}
+                    </span>
+                  </div>
+                  <div className="w-full h-2 rounded bg-gray-200 mt-1">
+                    <div
+                      className={`h-2 rounded transition-all duration-300 ${
+                        passwordStrength === "Weak"
+                          ? "bg-red-500 w-1/4"
+                          : passwordStrength === "Moderate"
+                          ? "bg-yellow-500 w-2/4"
+                          : "bg-green-500 w-full"
+                      }`}
+                    ></div>
+                  </div>
+                </>
+              )}
             </div>
-            <div className=" flex justify-center">
+
+            {/* Confirm Password */}
+            <div>
+              <label htmlFor="confirmPassword" className="block mb-2 text-sm font-medium text-gray-100">
+                Confirm Password
+              </label>
+              <div className="relative">
+                <input
+                  type={showConfirmPassword ? "text" : "password"}
+                  id="confirmPassword"
+                  ref={confirmPasswordElement}
+                  className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5 pr-10"
+                  placeholder="Re-enter your password"
+                  required
+                />
+                <button
+                  type="button"
+                  onClick={() => setShowConfirmPassword((prev) => !prev)}
+                  className="absolute right-2 top-2 text-sm text-blue-500"
+                >
+                  {showConfirmPassword ? "Hide" : "Show"}
+                </button>
+              </div>
+            </div>
+
+            {error && <p className="text-red-500 text-sm font-medium">{error}</p>}
+
+            {loading && (
+              <div className="flex justify-center text-white font-medium">
+                Checking if password was leaked...
+                <div className="ml-2 animate-spin rounded-full h-5 w-5 border-t-2 border-b-2 border-blue-500"></div>
+              </div>
+            )}
+
+            <div className="flex justify-center">
               <button
                 type="submit"
-                className="text-white w-1/2 backdrop-blur-lg bg-gradient-to-tr from-slate-100/15 to-slate-200/15 shadow-lg   hover:backdrop-blur-lg focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+                disabled={loading}
+                className={`text-white w-1/2 backdrop-blur-lg bg-gradient-to-tr from-slate-100/15 to-slate-200/15 shadow-lg hover:backdrop-blur-lg focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 ${
+                  loading ? "opacity-50 cursor-not-allowed" : ""
+                }`}
               >
-                Register your Account
+                {t("signup_register_button", language)}
               </button>
             </div>
+
             <p className="text-gray-600 text-center mt-4">
-              Already have an Account ?{" "}
-              <Link
-                to={"/user/login"}
-                className="text-blue-600 hover:underline"
-              >
-                Login
+              {t("signup_already_have_account", language)}{" "}
+              <Link to={"/user/login"} className="text-blue-600 hover:underline">
+                {t("signup_login", language)}
               </Link>
             </p>
           </form>
         </div>
 
         <div className="rounded-lg shadow-md text-center w-auto">
-          <div className="flex flex-col items-center justify-center h-full ">
-            <h1 className="text-6xl  font-bold text-white mb-4 md:text-6xl lg:text-9xl  ml-8">
-              Start your Journey
+          <div className="flex flex-col items-center justify-center h-full">
+            <h1 className="text-6xl font-bold text-white mb-4 md:text-6xl lg:text-9xl ml-8">
+              {t("signup_journey_heading", language)}
+              <br />
+              {t("signup_with", language)}
               <br />
-              with <br />
               Crop Compass
             </h1>
           </div>
         </div>
-        {/* <div className=" backdrop-blur-sm  rounded-lg shadow-md md:block">
-            <div className="flex flex-col items-center justify-center h-full relative text-center">
-              <img
-                src="/images/background1.jpg"
-                alt=""
-                className="absolute order-3 w-full h-full"
-              />
-              <h1 className="text-5xl font-bold text-white mb-4 md:text-5xl lg:text-8xl relative ml-8 text-center">
-                Welcome to MentorFlux!
-              </h1>
-            </div>
-          </div> */}
       </div>
     </section>
   );

Frontend/src/pages/Password/ForgetPassword.jsx

@@ -1,12 +1,17 @@
 import React, { useRef, useState } from "react";
 import { IoIosKey } from "react-icons/io";
-import { Link } from "react-router-dom";
+import { Link, useOutletContext } from "react-router-dom";
 import { FaArrowLeft } from "react-icons/fa6";
 import { BACKEND_URL } from "../../constants";
+import { t } from "../../service/translation";
+
+const ForgetPassword = (props) => {
+  // Get language from context or props, default to 'en'
+  const outletContext = useOutletContext?.();
+  const language =
+    (outletContext && outletContext.language) || props.language || "en";
 
-const ForgetPassword = () => {
   const emailElement = useRef();
-
   const [status, setStatus] = useState(false);
 
   const handleForgetPassword = async (event) => {
@@ -29,15 +34,18 @@ const ForgetPassword = () => {
       setStatus(true);
     }
   };
+
   return (
     <div className="w-full h-[78vh] flex justify-center items-center">
-      <div className="">
+      <div>
         <div className="flex flex-col items-center gap-12">
           <div className="flex flex-col items-center gap-3">
             <IoIosKey className="text-5xl bg-purple-200 p-2 rounded-full text-purple-500" />
-            <h2 className="text-3xl font-bold font-sans">Forget Password?</h2>
+            <h2 className="text-3xl font-bold font-sans">
+              {t("forget_password_heading", language)}
+            </h2>
             <p className="text-gray-500">
-              No worries, we'll send you resent instructions.
+              {t("forget_password_subtitle", language)}
             </p>
           </div>
           <form
@@ -49,7 +57,7 @@ const ForgetPassword = () => {
               <input
                 type="email"
                 id="email"
-                placeholder="Enter your email"
+                placeholder={t("forget_password_email_placeholder", language)}
                 className="w-full rounded-md border-gray-400 border-2"
                 ref={emailElement}
               />
@@ -58,14 +66,17 @@ const ForgetPassword = () => {
               type="submit"
               className="focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg text-base px-5 py-2.5 mb-2 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-900"
             >
-              {status === false ? "Send Email" : "Email Sent to your Mail"}
+              {status === false
+                ? t("forget_password_send_email", language)
+                : t("forget_password_email_sent", language)}
             </button>
 
             <Link
               to={"/user/login"}
               className="text-center text-gray-600 inline-flex items-center justify-center gap-2"
             >
-              <FaArrowLeft className="text-lg" /> Back to Login Page
+              <FaArrowLeft className="text-lg" />{" "}
+              {t("forget_password_back_to_login", language)}
             </Link>
           </form>
         </div>
@@ -75,3 +86,4 @@ const ForgetPassword = () => {
 };
 
 export default ForgetPassword;
+

Frontend/src/pages/Password/ResetPassword.jsx

@@ -1,20 +1,23 @@
 import React, { useRef, useState } from "react";
 import { RiLockPasswordFill } from "react-icons/ri";
-import { Link, useNavigate, useParams } from "react-router-dom";
+import { Link, useNavigate, useParams, useOutletContext } from "react-router-dom";
 import { FaArrowLeft } from "react-icons/fa6";
 import { BACKEND_URL } from "../../constants";
+import { t } from "../../service/translation";
 
-const ResetPassword = () => {
+const ResetPassword = (props) => {
   const [secure, setSecure] = useState(true);
 
   const newPassworElement = useRef();
   const confirmPassworElement = useRef();
 
   const navigate = useNavigate();
-
   const { token } = useParams();
 
- 
+  // Get language from context or props, default to 'en'
+  const outletContext = useOutletContext?.();
+  const language =
+    (outletContext && outletContext.language) || props.language || "en";
 
   const handleResetPassword = async (event) => {
     event.preventDefault();
@@ -41,8 +44,6 @@ const ResetPassword = () => {
 
       const data = await responce.json();
 
-      
-
       if (data.success === true) {
         navigate("/user/login");
       }
@@ -50,81 +51,81 @@ const ResetPassword = () => {
   };
 
   return (
-    <>
-      <div className="w-full h-[78vh] flex justify-center items-center">
-        <div className="">
-          <div className="flex flex-col items-center gap-10">
-            <div className="flex flex-col items-center gap-3">
-              <RiLockPasswordFill className="text-5xl bg-purple-200 p-2 rounded-full text-purple-500" />
-              <h2 className="text-3xl font-bold font-sans">
-                Create New Password
-              </h2>
-              <p className="text-gray-500">
-                Create your new, unique and secure password here.
-              </p>
-            </div>
-            <form
-              className="flex flex-col w-full gap-5"
-              onSubmit={handleResetPassword}
-            >
-              <div className="flex flex-col gap-2">
-                <label
-                  htmlFor="passwordNew"
-                  className="text-gray-500 font-semibold"
-                >
-                  New Password :
-                </label>
-                <input
-                  type="password"
-                  id="passwordNew"
-                  ref={newPassworElement}
-                  placeholder="Enter your New Password"
-                  className="w-full rounded-md border-gray-400 border-2"
-                />
-              </div>
-              <div className="flex flex-col gap-2">
-                <label
-                  htmlFor="passwordConfirm"
-                  className="text-gray-500 font-semibold"
-                >
-                  Confirm Password :
-                </label>
-                <input
-                  type="password"
-                  id="passwordConfirm"
-                  ref={confirmPassworElement}
-                  placeholder="Enter your Confirm Password"
-                  className="w-full rounded-md border-gray-400 border-2"
-                />
-              </div>
-
-              <p
-                className={`text-red-800 text-sm underline w-96 text-center ${
-                  secure && "hidden"
-                } `}
-              >
-                Password and confirm Password is not same.Please Enter new
-                password and confirm Password same
-              </p>
-
-              <button
-                type="submit"
-                className="focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg text-base px-5 py-2.5 mb-2 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-900"
-              >
-                Reset Password
-              </button>
-
-              <Link
-                to={"/user/login"}
-                className="text-center text-gray-600 inline-flex items-center justify-center gap-2"
-              >
-                <FaArrowLeft className="text-lg" /> Back to Login Page
-              </Link>
-            </form>
+    <div className="w-full h-[78vh] flex justify-center items-center">
+      <div>
+        <div className="flex flex-col items-center gap-10">
+          <div className="flex flex-col items-center gap-3">
+            <RiLockPasswordFill className="text-5xl bg-purple-200 p-2 rounded-full text-purple-500" />
+            <h2 className="text-3xl font-bold font-sans">
+              {t("reset_password_heading", language)}
+            </h2>
+            <p className="text-gray-500">
+              {t("reset_password_subtitle", language)}
+            </p>
           </div>
+          <form
+            className="flex flex-col w-full gap-5"
+            onSubmit={handleResetPassword}
+          >
+            <div className="flex flex-col gap-2">
+              <label
+                htmlFor="passwordNew"
+                className="text-gray-500 font-semibold"
+              >
+                {t("reset_password_new_label", language)}
+              </label>
+              <input
+                type="password"
+                id="passwordNew"
+                ref={newPassworElement}
+                placeholder={t("reset_password_new_placeholder", language)}
+                className="w-full rounded-md border-gray-400 border-2"
+              />
+            </div>
+            <div className="flex flex-col gap-2">
+              <label
+                htmlFor="passwordConfirm"
+                className="text-gray-500 font-semibold"
+              >
+                {t("reset_password_confirm_label", language)}
+              </label>
+              <input
+                type="password"
+                id="passwordConfirm"
+                ref={confirmPassworElement}
+                placeholder={t("reset_password_confirm_placeholder", language)}
+                className="w-full rounded-md border-gray-400 border-2"
+              />
+            </div>
+
+            <p
+              className={`text-red-800 text-sm underline w-96 text-center ${
+                secure && "hidden"
+              } `}
+            >
+              {t("reset_password_error", language)}
+            </p>
+
+            <button
+              type="submit"
+              className="focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg text-base px-5 py-2.5 mb-2 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-900"
+            >
+              {t("reset_password_button", language)}
+            </button>
+
+            <Link
+              to={"/user/login"}
+              className="text-center text-gray-600 inline-flex items-center justify-center gap-2"
+            >
+              <FaArrowLeft className="text-lg" />{" "}
+              {t("reset_password_back_to_login", language)}
+            </Link>
+          </form>
         </div>
       </div>
-    </>
+    </div>
   );
 };
+
 export default ResetPassword;
+

Frontend/src/pages/UserPanel/Ai.jsx

@@ -24,7 +24,7 @@ const Ai = () => {
       const formData = new FormData();
       formData.append("image", selectedFile);
 
-      const response = await fetch("http://localhost:3000/predict", {
+      const response = await fetch("${MODEL_URI}/predict", {
         method: "POST",
         body: formData,
       });

Frontend/src/service/translation.js

@@ -0,0 +1,11 @@
+// src/service/translation.js
+import en from '../locales/en.json';
+import hi from '../locales/hi.json';
+import mr from '../locales/mr.json';
+import fr from '../locales/fr.json';
+
+const translations = { en, hi, mr, fr };
+
+export const t = (key, lang = 'en') => {
+  return translations[lang][key] || key; // Fallback to key if missing
+};

Frontend/src/utils/passwordUtils.js

@@ -0,0 +1,22 @@
+export async function isPasswordPwned(password) {
+  const sha1 = await hashPassword(password);
+  const prefix = sha1.substring(0, 5);
+  const suffix = sha1.substring(5);
+
+  const response = await fetch(`https://api.pwnedpasswords.com/range/${prefix}`);
+  const text = await response.text();
+
+  const found = text
+    .split("\n")
+    .some((line) => line.split(":")[0] === suffix.toUpperCase());
+
+  return found;
+}
+
+async function hashPassword(password) {
+  const encoder = new TextEncoder();
+  const data = encoder.encode(password);
+  const hashBuffer = await crypto.subtle.digest("SHA-1", data);
+  const hashArray = Array.from(new Uint8Array(hashBuffer));
+  return hashArray.map((b) => b.toString(16).padStart(2, "0")).join("").toUpperCase();
+}

README.md

@@ -1,7 +1,17 @@
-# CropCompass
+# Crop Compass
 
-This branch houses frontend code developed and maintained by Atharva Ombase and Bhakti Thakur. Made (or rather making) it multi-lingual by Kshitij!
+Crop Compass is a centralized management dashboard designed for farmers, enabling them to efficiently oversee their farms while leveraging advanced AI technology for disease identification and more.
 
 ---
 
-⚠️⚠️ DO NOT PUSH TO THIS BRANCH, IT HAS BEEN LOCKED SINCE ALL THE CHANGES ARE MERGED WITH MAIN BRANCH. TO MAKE CHANGES, CREATE A NEW FEATURE BRANCH DERIVED FROM main BRANCH AND CREATE A NEW PULL REQUEST. ⚠️⚠️
+## Features
+
+- Unified dashboard for comprehensive farm management
+- Real-time tracking and management of farm operations
+- Logging of key activities, including sowing, fertilization, and harvesting
+- Financial planning tools with expense and revenue tracking
+- AI-powered recommendations and disease detection capabilities
+- Utilizes Google Gemini for predictive crop health analysis
+- Multilingual (currently available in English, Hindi, Marathi and French!)
+
+---

TRANSLATION.md

@@ -0,0 +1,156 @@
+# Translation
+
+This is a guide for translation. Thank you for helping us make our platform accessible in more languages!  
+
+---
+
+## Table of Contents
+
+- [1. Files to Modify](#1-files-to-modify)
+- [2. Step-by-Step Instructions](#2-step-by-step-instructions)
+- [3. Translation Key Naming](#3-translation-key-naming)
+- [4. Testing Your Translation](#4-testing-your-translation)
+- [5. Submitting Your Contribution](#5-submitting-your-contribution)
+- [6. Tips for Quality Translations](#6-tips-for-quality-translations)
+- [7. FAQ](#7-faq)
+
+---
+
+## 1. Files to Modify
+
+To contribute a new language or update an existing one, you **must** modify the following files:
+
+- **Frontend/src/App.jsx**  
+  Update the language dropdown to include your language.
+- **Frontend/src/LanguageSwitcher.jsx**  
+  Add your language to the dropdown options.
+- **Frontend/src/locales/lang.json**  
+  (Replace `lang.json` with your language code, e.g. `es.json` for Spanish.)  
+  Add or edit the translation file for your language.
+- **Frontend/src/service/translation.js**  
+  Import your language file and register it in the `translations` object.
+
+---
+
+## 2. Step-by-Step Instructions
+
+### **A. Add Your Language to the Dropdown**
+
+#### In `App.jsx`:
+```jsx
+function LanguageSwitcher({ language, setLanguage }) {
+  return (
+     {
+        setLanguage(e.target.value);
+        localStorage.setItem("language", e.target.value);
+      }}
+      className="absolute top-2 right-2 p-1 rounded border"
+      aria-label="Select language"
+    >
+      English
+      Hindi (हिंदी)
+      Marathi (मराठी)
+      Français
+      {/* Add your language here, e.g.: */}
+      Español
+    
+  );
+}
+```
+
+#### In `Frontend/src/LanguageSwitcher.jsx`:
+```jsx
+const LanguageSwitcher = ({ currentLanguage, onChangeLanguage }) => (
+   onChangeLanguage(e.target.value)}>
+    English
+    Hindi (हिंदी)
+    Marathi (मराठी)
+    French (Français)
+    {/* Add your language here, e.g.: */}
+    Español
+  
+);
+```
+
+---
+
+### **B. Add or Update Your Language File**
+
+- **File location:** `Frontend/src/locales/`
+- **File name:** Use your language code, e.g. `es.json` for Spanish.
+- **How:**  
+  - Copy `en.json` as a template.
+  - **Do not change the keys!** Only translate the values.
+
+**Example (`es.json`):**
+```json
+{
+  "login_button": "Iniciar sesión",
+  "signup_heading": "Registrarse",
+  "...": "..."
+}
+```
+
+---
+
+### **C. Register Your Language in the Translation Loader**
+
+In `Frontend/src/service/translation.js`:
+
+```js
+import en from '../locales/en.json';
+import hi from '../locales/hi.json';
+import mr from '../locales/mr.json';
+import fr from '../locales/fr.json';
+import es from '../locales/es.json'; //  {
+  return translations[lang][key] || key; // Fallback to key if missing
+};
+```
+
+---
+
+## 3. Translation Key Naming
+
+- **Keys** must remain unchanged and in English (snake_case).
+- **Only translate the values**.
+
+---
+
+## 4. Testing Your Translation
+
+1. **Switch the app** to your language using the dropdown.
+2. **Browse all screens** and ensure all text is translated and displays correctly.
+3. If you see any untranslated keys, add them to your language file.
+
+---
+
+## 5. Submitting Your Contribution
+
+- **Commit your changes** to the files listed above.
+- **Open a pull request** with a clear title, e.g.  
+  `Add Spanish translation (es.json)` or `Update French translation`.
+- **Describe** what you translated or updated in the PR description.
+
+---
+
+## 6. Tips for Quality Translations
+
+- Be concise and clear.
+- Use formal or polite forms if unsure.
+- Match the tone of the English original.
+- Double-check spelling and grammar.
+- If unsure about a term, ask or leave a comment in your PR.
+
+---
+
+## 7. FAQ
+
+**Q: What if I see a key in English that isn’t in my language file?**  
+A: Copy it from `en.json` and translate the value.
+
+**Q: Can I add a new key?**  
+A: Only if you are also updating the code to use it. Otherwise, only translate existing keys.
+
+---
+
+If you have any questions, please ask in the project chat or open an issue.

docker-compose.yaml

@@ -0,0 +1,83 @@
+services:
+  backend:
+    container_name: cropcompass-backend
+    image: kshitijka/cropcompass-backend:1.1.0
+    restart: no
+    security_opt:
+      - no-new-privileges:true
+    user: "nonroot:nonroot"
+    ports:
+      - "8000:8000" # Do not change this unless you have modified it in the Docker image and rebuilt it.
+    environment:
+      - FRONTEND_URI=http://localhost:3000 # Do not change this unless you have modified it in the Docker image and rebuilt it.
+      - MONGODB_URI=${MONGODB_URI}
+      - SMTP_SERVICE=${SMTP_SERVICE}
+      - SMTP_EMAILADDR=${SMTP_EMAILADDR}
+      - SMTP_PASSWORD=${SMTP_PASSWORD}
+      - SMTP_HOST=${SMTP_HOST}
+      - SMTP_PORT=${SMTP_PORT}
+      - CLOUDINARY_CLOUD_NAME=${CLOUDINARY_CLOUD_NAME}
+      - CLOUDINARY_API_KEY=${CLOUDINARY_API_KEY}
+      - CLOUDINARY_API_SECRET=${CLOUDINARY_API_SECRET}
+      - GEMINI_API_KEY=${GEMINI_API_KEY}
+      - REFRESH_TOKEN_SECRET=${REFRESH_TOKEN_SECRET}
+      - NODE_ENV=production
+    networks:
+      - cropcompass-ntwk
+    depends_on:
+      - database
+    env_file:
+      - .env
+
+  frontend:
+    container_name: cropcompass-frontend
+    image: kshitijka/cropcompass-frontend:1.1.0
+    restart: no
+    security_opt:
+      - no-new-privileges:true
+    user: "nonroot:nonroot"
+    environment:
+      - NODE_ENV=production
+    ports:
+      - "3000:3000" # Do not change this unless you have modified it in the Docker image and rebuilt it.
+    networks:
+      - cropcompass-ntwk
+    depends_on:
+      - backend
+
+  database:
+    container_name: cropcompass-db
+    image: mongo:latest
+    restart: no
+    security_opt:
+      - no-new-privileges
+    environment:
+      - MONGO_INITDB_ROOT_USERNAME=${MONGODB_ROOT_USERNAME}
+      - MONGO_INITDB_ROOT_PASSWORD=${MONGODB_ROOT_PASSWORD}
+      - MONGO_INITDB_DATABASE=CropCompass # Do not change this unless you have modified it in the Docker image and rebuilt it.
+    networks:
+      - cropcompass-ntwk
+    volumes:
+      - ./db:/data/db
+    env_file:
+      - .env
+
+  model:
+    container_name: cropcompass-model
+    image: kshitijka/cropcompass-model:1.1.0
+    restart: no
+    security_opt:
+      - no-new-privileges:true
+    ports:
+      - "8081:8081"
+    environment:
+      - FRONTEND_URI=http://localhost:3000
+      - NODE_ENV=production
+    networks:
+      - cropcompass-ntwk
+    depends_on:
+      - frontend
+
+networks:
+  cropcompass-ntwk:
+    driver: bridge

models/.dockerignore

@@ -0,0 +1,12 @@
+archive/
+bin/
+Dockerfile
+include/
+lib/
+lib64 -> lib/
+node_modules/
+package-lock.json
+public/
+pyvenv.cfg
+samples/
+share/

models/.gitignore

@@ -0,0 +1,13 @@
+# Node
+node_modules/
+package-lock.json
+
+# Python venv
+bin/
+lib/
+lib64
+pyvenv.cfg
+share/
+
+# Misc
+public/

models/Dockerfile

@@ -0,0 +1,29 @@
+# Base image
+FROM node:22
+
+# Metadata
+LABEL maintainer="kshitijka"
+LABEL version=1.1.0
+LABEL description="Crop Compass is a centralized management dashboard designed for farmers, enabling them to efficiently oversee their farms while leveraging advanced AI technology for disease identification and more."
+
+# Update, upgrade + install python3+req
+RUN apt update && apt upgrade -y && \
+    apt install -y python3 python3-pip python3.11-venv && \
+    apt clean all && rm -rf /var/lib/apt/lists/*
+
+# Create working directory
+RUN mkdir -p /app /app/public/images/
+WORKDIR /app
+COPY . .
+
+# Installing npm packages
+RUN npm install
+
+# Setup virtual env and install stuff
+RUN pip3 install --break-system-packages -r requirements.txt
+
+# Expose model port
+EXPOSE 8081
+
+# Run model
+CMD ["node", "server.js"]

models/Middleware/multer.js

@@ -0,0 +1,16 @@
+const multer = require("multer");
+
+const storage = multer.diskStorage({
+  destination: function (req, file, cb) {
+    cb(null, "./public/images");
+  },
+
+  filename: function (req, file, cb) {
+    const uniquePrefix = Date.now();
+    cb(null, uniquePrefix + "-" + file.originalname);
+  },
+});
+
+const upload = multer({ storage: storage });
+
+module.exports = upload;

models/README.md

@@ -0,0 +1,62 @@
+# models/ 
+
+This directory holds code for AI model used for disease detection in crops.
+
+---
+
+## Requirements
+
+- `${FRONTEND_URI}` is used in [server.js](./server.js). This should be passed when creating the Docker container as an environment variable.
+- `${FRONTEND_URI}` is essentially the URI where the frontend is hosted.
+
+## Docker Run
+
+It is recommended that you use the [docker-compose.yaml](../docker-compose.yaml) file which creates all the required containers, however if you wish to run only the "models" part of this project in Docker run the following docker command.
+
+```shell
+docker run -tid \
+  --name cropcompass-model \
+  --restart always \
+  -p "8081:8081" \
+  -e "FRONTEND_URI=<frontend_uri>" \
+  kshitijka/cropcompass-model:<version>
+```
+
+> [!NOTE]
+> Replace `<frontend_uri>` with the actual frontend URI such as http://localhost:3000 & `<version>` with an actual version number such as `1.1.0`.
+
+## Manual Run
+
+To run only the "models" part of this project, you will have to create a python virtual environement, followed by installing all the dependencies and then running the [server.js](./server.js) file using node.
+
+1. Install required packages (for Debian based systems):
+
+```shell
+sudo apt install python3 python3-pip python3.11-venv
+```
+
+2. Create a virtual environment:
+
+```shell
+python3 -m venv .
+```
+
+> [!NOTE]
+> Assuming you're in the `models/` directory.
+
+3. Install required packages using `pip`:
+
+```shell
+pip install -r requirements.txt
+```
+
+4. Run [server.js](./server.js):
+
+```shell
+node server.js
+```
+
+> [!NOTE]
+> Assuming you already have `node` installed on your system.
+
+---

models/app.py

@@ -0,0 +1,49 @@
+# For executing: python3 app.py /path/to/file
+# Import libraries
+from PIL import Image, UnidentifiedImageError
+from transformers import ViTImageProcessor, ViTForImageClassification
+import sys
+
+# Specify the local directory where the model files are stored
+#local_model_path = './pretrained'
+
+# Check if the image path is provided
+if len(sys.argv) < 2:
+    print("Error: No image path provided. Please provide the path to the image as an argument.")
+    exit()
+
+# Load the image processor and model
+model_name = 'vishnun0027/Crop_Disease_model_1'
+image_processor = ViTImageProcessor.from_pretrained(model_name)
+model = ViTForImageClassification.from_pretrained(
+    model_name,
+    ignore_mismatched_sizes=True
+)
+
+# Load image
+image_path = sys.argv[1]  # Get the image path from command line arguments
+try:
+    image = Image.open(image_path)
+    # Convert the image to RGB if it's not already
+    if image.mode != 'RGB':
+        image = image.convert('RGB')
+except FileNotFoundError:
+    print("Error: Image file not found.")
+    exit()
+except UnidentifiedImageError:
+    print("Error: Unable to open image. Check the file type.")
+    exit()
+except Exception as e:
+    print(f"An error occurred: {e}")
+    exit()
+
+# Preparing the image for the model
+inputs = image_processor(images=image, return_tensors="pt")
+
+# Make the prediction
+outputs = model(**inputs)
+logits = outputs.logits
+predicted_class_idx = logits.argmax(-1).item()
+
+# Print the predicted class
+print(model.config.id2label[predicted_class_idx])

models/archive/app-old.py

@@ -0,0 +1,39 @@
+# Import libraries
+from PIL import Image, UnidentifiedImageError
+from transformers import ViTImageProcessor, ViTForImageClassification
+
+# Load the image processor and model
+model_name = 'vishnun0027/Crop_Disease_model_1'
+image_processor = ViTImageProcessor.from_pretrained(model_name)
+model = ViTForImageClassification.from_pretrained(
+    model_name,
+    ignore_mismatched_sizes=True
+)
+
+# Load image
+try:
+    image = Image.open('/home/overnion/Status200/tomato.png')
+    # Convert the image to RGB if it's not already
+    if (image.mode != 'RGB'):
+        image = image.convert('RGB')
+except FileNotFoundError:
+    print("Error: Image file not found.")
+    exit()
+except UnidentifiedImageError:
+    print("Error: Unable to open image. Check the file type.")
+    exit()
+except Exception as e:
+    print(f"An error occurred: {e}")
+    exit()
+
+# Preparing the image for the model
+inputs = image_processor(images=image, return_tensors="pt")
+
+# Make the prediction
+outputs = model(**inputs)
+logits = outputs.logits
+predicted_class_idx = logits.argmax(-1).item()
+
+# Print the predicted class
+print("Predicted class:", model.config.id2label[predicted_class_idx])
+

models/archive/test1.py

@@ -0,0 +1,38 @@
+from PIL import Image, UnidentifiedImageError
+from transformers import ViTImageProcessor, ViTForImageClassification
+
+# Load the image processor and model
+model_name = 'wambugu71/crop_leaf_diseases_vit'
+image_processor = ViTImageProcessor.from_pretrained(model_name)
+model = ViTForImageClassification.from_pretrained(
+    model_name,
+    ignore_mismatched_sizes=True
+)
+
+# Load your image
+try:
+    image = Image.open('/home/overnion/Status200/potato2.png')  # Replace with the actual path to your image
+    # Convert the image to RGB if it's not already
+    if image.mode != 'RGB':
+        image = image.convert('RGB')
+except FileNotFoundError:
+    print("Error: Image file not found.")
+    exit()
+except UnidentifiedImageError:
+    print("Error: Unable to open image. Check the file type.")
+    exit()
+except Exception as e:
+    print(f"An error occurred: {e}")
+    exit()
+
+# Prepare the image for the model
+inputs = image_processor(images=image, return_tensors="pt")
+
+# Make the prediction
+outputs = model(**inputs)
+logits = outputs.logits
+predicted_class_idx = logits.argmax(-1).item()
+
+# Print the predicted class
+print("Predicted class:", model.config.id2label[predicted_class_idx])
+

models/archive/test2.js

@@ -0,0 +1,40 @@
+// npm install @huggingface/huggingface jimp
+
+const fs = require('fs');
+const { ImageProcessor, Model } = require('@huggingface/huggingface');
+const Jimp = require('jimp'); // For image processing
+
+async function main() {
+    const modelName = 'vishnun0027/Crop_Disease_model_1';
+
+    // Load the image processor and model
+    const imageProcessor = await ImageProcessor.fromPretrained(modelName);
+    const model = await Model.fromPretrained(modelName);
+
+    // Load your image
+    let image;
+    try {
+        image = await Jimp.read('/home/overnion/Status200/tomato.png'); // Replace with the actual path to your image
+        // Convert the image to RGB if it's not already
+        if (image.bitmap.colorType !== 2) { // 2 means RGB
+            image = image.colorType(2);
+        }
+    } catch (error) {
+        console.error("Error: Unable to open image. Check the file type or path.");
+        console.error(error);
+        return;
+    }
+
+    // Prepare the image for the model
+    const inputs = imageProcessor(images: image, returnTensors: "pt");
+
+    // Make the prediction
+    const outputs = await model(inputs);
+    const logits = outputs.logits;
+    const predictedClassIdx = logits.argMax(-1).dataSync()[0];
+
+    // Print the predicted class
+    console.log("Predicted class:", model.config.id2label[predictedClassIdx]);
+}
+
+main().catch(console.error);

models/archive/test3.py

@@ -0,0 +1,66 @@
+from PIL import Image
+import torch
+import numpy as np
+from transformers import CLIPModel, CLIPTokenizer
+
+# Load the model
+model_name = "TonyStarkD99/CLIP-Crop_Disease-Large"
+model = CLIPModel.from_pretrained(model_name)
+
+# Load your image
+image_path = "/home/overnion/Status200/rice.png"  # Replace with your image path
+image = Image.open(image_path)
+
+# Define the class labels (text prompts)
+class_labels = [
+    "healthy plant",
+    "powdery mildew",
+    "leaf rust",
+    "stem rust",
+    "fusarium head blight",
+    "gray leaf spot",
+    "bacterial blight",
+    "downy mildew",
+    "aphid infestation",
+    "white mold",
+    "black rot",
+    "root rot",
+    "yellow leaf curl",
+    "blight",
+    "necrotic spots",
+    "chlorosis",
+    "wilt",
+    "damping off",
+    "viral infection",
+    "pest damage"
+]
+
+# Resize and normalize the image
+image = image.convert("RGB")  # Ensure the image is in RGB format
+image = image.resize((224, 224))  # Resize to the expected input size
+
+# Convert the image to a tensor
+image_tensor = torch.tensor(np.array(image)).permute(2, 0, 1).unsqueeze(0)  # Convert to (1, C, H, W)
+image_tensor = image_tensor.float() / 255.0  # Normalize to [0, 1]
+
+# Load the tokenizer
+tokenizer = CLIPTokenizer.from_pretrained("openai/clip-vit-base-patch16")  # Use a compatible tokenizer
+
+# Tokenize the text prompts
+text_inputs = tokenizer(class_labels, padding=True, return_tensors="pt")
+
+# Make predictions
+with torch.no_grad():
+    outputs = model(pixel_values=image_tensor, input_ids=text_inputs['input_ids'])
+
+logits_per_image = outputs.logits_per_image  # This gives the similarity scores
+probs = logits_per_image.softmax(dim=1)  # Convert to probabilities
+
+# Get the predicted class
+predicted_class_idx = probs.argmax().item()
+predicted_class = class_labels[predicted_class_idx]
+
+# Print the predicted class and probabilities
+print("Predicted class:", predicted_class)
+# print("Probabilities:", probs.detach().numpy())
+

models/archive/test4.py

@@ -0,0 +1,50 @@
+from PIL import Image
+import torch
+import numpy as np
+from transformers import CLIPModel, CLIPTokenizer
+
+# Load the model
+model_name = "TonyStarkD99/CLIP-Crop_Disease-Large"
+model = CLIPModel.from_pretrained(model_name)
+
+# Load your image
+image_path = "/home/overnion/Status200/tomato.png"  # Replace with your image path
+image = Image.open(image_path)
+
+# Define the class labels (text prompts)
+class_labels = [
+    "healthy plant",
+    "diseased plant",
+    "wilted plant",
+    "pest-infested plant"
+]
+
+# Resize and normalize the image
+image = image.convert("RGB")  # Ensure the image is in RGB format
+image = image.resize((224, 224))  # Resize to the expected input size
+
+# Convert the image to a tensor
+image_tensor = torch.tensor(np.array(image)).permute(2, 0, 1).unsqueeze(0)  # Convert to (1, C, H, W)
+image_tensor = image_tensor.float() / 255.0  # Normalize to [0, 1]
+
+# Load the tokenizer
+tokenizer = CLIPTokenizer.from_pretrained("openai/clip-vit-base-patch16")  # Use a compatible tokenizer
+
+# Tokenize the text prompts
+text_inputs = tokenizer(class_labels, padding=True, return_tensors="pt")
+
+# Make predictions
+with torch.no_grad():
+    outputs = model(pixel_values=image_tensor, input_ids=text_inputs['input_ids'])
+
+logits_per_image = outputs.logits_per_image  # This gives the similarity scores
+probs = logits_per_image.softmax(dim=1)  # Convert to probabilities
+
+# Get the predicted class
+predicted_class_idx = probs.argmax().item()
+predicted_class = class_labels[predicted_class_idx]
+
+# Print the predicted class and probabilities
+print("Predicted class:", predicted_class)
+print("Probabilities:", probs.detach().numpy())
+

models/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "models",
+  "version": "1.0.0",
+  "main": "server.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "node server.js"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "cors": "^2.8.5",
+    "express": "^4.21.2",
+    "multer": "^2.0.2"
+  }
+}

models/requirements.txt

@@ -0,0 +1,42 @@
+certifi==2025.1.31
+charset-normalizer==3.4.1
+filelock==3.17.0
+fsspec==2025.2.0
+hf-xet==1.1.5
+huggingface-hub==0.33.4
+idna==3.10
+Jinja2==3.1.6
+MarkupSafe==3.0.2
+mpmath==1.3.0
+networkx==3.4.2
+numpy==2.2.3
+nvidia-cublas-cu12==12.6.4.1
+nvidia-cuda-cupti-cu12==12.6.80
+nvidia-cuda-nvrtc-cu12==12.6.77
+nvidia-cuda-runtime-cu12==12.6.77
+nvidia-cudnn-cu12==9.5.1.17
+nvidia-cufft-cu12==11.3.0.4
+nvidia-cufile-cu12==1.11.1.6
+nvidia-curand-cu12==10.3.7.77
+nvidia-cusolver-cu12==11.7.1.2
+nvidia-cusparse-cu12==12.5.4.2
+nvidia-cusparselt-cu12==0.6.3
+nvidia-nccl-cu12==2.26.2
+nvidia-nvjitlink-cu12==12.6.85
+nvidia-nvtx-cu12==12.6.77
+packaging==24.2
+pillow==11.3.0
+PyYAML==6.0.2
+regex==2024.11.6
+requests==2.32.4
+safetensors==0.5.2
+setuptools==80.9.0
+sympy==1.14.0
+tokenizers==0.21.0
+torch==2.7.1
+torchvision==0.22.1
+tqdm==4.67.1
+transformers==4.53.3
+triton==3.3.1
+typing_extensions==4.12.2
+urllib3==2.5.0

models/server.js

@@ -0,0 +1,58 @@
+// server.js
+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 = 8081;
+
+const corsOptions = {
+  origin: "${FRONTEND_URI}",
+  methods: "POST",
+  credentials: true,
+};
+//methods: "GET,HEAD,PUT,PATCH,POST,DELETE",
+
+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);
+  // const imagePath = path.join(__dirname, req.file?.path); // Path to your image
+
+  const imagePath = req.file?.path;
+
+  console.log("Image Path is : ", imagePath);
+
+  // Spawn a new Python process
+  const pythonProcess = spawn("python3", ["app.py", imagePath]);
+
+  // Collect data from the script
+  pythonProcess.stdout.on("data", (data) => {
+    console.log(`Output: ${data}`);
+
+    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
+  pythonProcess.stderr.on("data", (data) => {
+    console.error(`Error: ${data}`);
+    res.status(500).send(data.toString());
+  });
+
+  // When the process is done
+  pythonProcess.on("close", (code) => {
+    console.log(`Python process exited with code ${code}`);
+  });
+});
+
+app.listen(PORT, () => {
+  console.log(`Server is running on http://localhost:${PORT}`);
+});