update project image

Author: sameer2210

backend/src/models/project.model.js

@@ -67,9 +67,44 @@ const projectSchema = new mongoose.Schema(
 
 projectSchema.index({ technologies: 1 });
 
+const normalizeImages = (value) => {
+  if (!value) return [];
+  const list = Array.isArray(value) ? value : [value];
+  return list
+    .map((item) => {
+      if (typeof item === "string") return item.trim();
+      if (item?.url) return String(item.url).trim();
+      if (item?.value) return String(item.value).trim();
+      return "";
+    })
+    .filter(Boolean);
+};
+
+const normalizeIdList = (value) => {
+  if (!Array.isArray(value)) return [];
+  return value.filter((id) => mongoose.isValidObjectId(id));
+};
+
 projectSchema.pre("validate", function (next) {
   const imagesModified = this.isModified("images");
   const imageModified = this.isModified("image");
+  const categoryModified = this.isModified("category");
+  const technologiesModified = this.isModified("technologies");
+
+  if (imagesModified) {
+    this.images = normalizeImages(this.images);
+  }
+  if (imageModified && typeof this.image === "string") {
+    this.image = this.image.trim();
+  }
+  if (categoryModified && this.category) {
+    if (!mongoose.isValidObjectId(this.category)) {
+      this.category = undefined;
+    }
+  }
+  if (technologiesModified) {
+    this.technologies = normalizeIdList(this.technologies);
+  }
 
   if (imagesModified) {
     if (Array.isArray(this.images) && this.images.length) {

frontend/src/components/cart/CartItem.jsx

@@ -3,6 +3,7 @@ import React, { useEffect } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { asyncupdateuser } from "../../store/actions/userActions";
 import { Link } from "react-router-dom";
+import { getPrimaryImage } from "../../utils/projectImages";
 
 const Carts = () => {
   const dispatch = useDispatch();
@@ -29,7 +30,10 @@ const Carts = () => {
         if (!item?.product) return null;
 
         const project = item.product;
-        const { image, title, id, category } = project;
+        const { title, id, category } = project;
+        const image =
+          getPrimaryImage(project?.image, project?.images) ||
+          "https://via.placeholder.com/120";
 
         return (
           <div

frontend/src/components/home/AwardProjects.jsx

@@ -3,6 +3,7 @@ import { Award, ArrowRight } from "lucide-react";
 import { Link } from "react-router-dom";
 import { useMemo } from "react";
 import { useAwards } from "../../api/awards";
+import { getPrimaryImage } from "../../utils/projectImages";
 
 const formatAward = (award) => {
   if (!award) return null;
@@ -75,7 +76,7 @@ const AwardProjects = () => {
         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
           {featured.map(({ project, awards }) => {
             const projectId = project?.id || project?._id;
-            const image = project?.images?.[0] || project?.image;
+            const image = getPrimaryImage(project?.image, project?.images);
             const title = project?.title || "Awarded Project";
             const description = project?.description;
             return (

frontend/src/components/home/FeaturedProject.jsx

@@ -2,6 +2,7 @@ import { motion, useReducedMotion } from "framer-motion";
 import { ArrowRight, Sparkles } from "lucide-react";
 import { Link } from "react-router-dom";
 import { useProjects } from "../../api/projects";
+import { getPrimaryImage } from "../../utils/projectImages";
 
 const FeaturedProject = () => {
   const shouldReduceMotion = useReducedMotion();
@@ -21,7 +22,7 @@ const FeaturedProject = () => {
         .filter(Boolean)
         .slice(0, 4)
     : [];
-  const image = project?.images?.[0] || project?.image;
+  const image = getPrimaryImage(project?.image, project?.images);
 
   const sectionMotion = shouldReduceMotion
     ? {}

frontend/src/components/home/TrendingProjects.jsx

@@ -2,6 +2,7 @@ import { motion, useReducedMotion } from "framer-motion";
 import { ArrowRight } from "lucide-react";
 import { Link } from "react-router-dom";
 import { useProjects } from "../../api/projects";
+import { getPrimaryImage } from "../../utils/projectImages";
 
 const awardLabel = (award) => {
   if (!award) return null;
@@ -57,7 +58,7 @@ const TrendingProjects = () => {
         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
           {projects.map((project) => {
             const projectId = project?.id || project?._id;
-            const image = project?.images?.[0] || project?.image;
+            const image = getPrimaryImage(project?.image, project?.images);
             const title = project?.title || "Untitled Project";
             const developer =
               project?.developerId?.name ||

frontend/src/components/project/ProjectCard.jsx

@@ -2,13 +2,13 @@ import { Link } from "react-router-dom";
 import { useMemo, useState } from "react";
 import { motion } from "framer-motion";
 import { ExternalLink, Eye, Github, Heart } from "lucide-react";
+import { getPrimaryImage } from "../../utils/projectImages";
 
 const ProjectCard = ({ p }) => {
   const [isWishlisted, setIsWishlisted] = useState(false);
 
   const image =
-    p?.images?.[0] ||
-    p?.image ||
+    getPrimaryImage(p?.image, p?.images) ||
     "https://via.placeholder.com/600x450?text=Project+Preview";
   const title = p?.title || "Untitled Project";
   const description = p?.description || "No description available.";