From 01eb776187dd2d69a564ed8dc1c6d02948cebd3a Mon Sep 17 00:00:00 2001
From: Talha Amjad <myown4500@gmail.com>
Date: Mon, 1 Jun 2026 12:46:57 +0500
Subject: [PATCH 1/2] Add repo urls and stra them

---
 app/admin/dsoc/projects/[id]/edit/page.tsx | 86 ++++++++++++++--------
 app/admin/dsoc/projects/new/page.tsx       | 79 ++++++++++++--------
 app/dsoc/page.tsx                          | 10 ++-
 app/dsoc/projects/[id]/page.tsx            | 75 +++++++++++++++----
 app/dsoc/projects/page.tsx                 | 10 ++-
 models/DSOCProject.ts                      |  6 +-
 6 files changed, 185 insertions(+), 81 deletions(-)

diff --git a/app/admin/dsoc/projects/[id]/edit/page.tsx b/app/admin/dsoc/projects/[id]/edit/page.tsx
index 3bc6e6b..36e8bc2 100644
--- a/app/admin/dsoc/projects/[id]/edit/page.tsx
+++ b/app/admin/dsoc/projects/[id]/edit/page.tsx
@@ -44,7 +44,7 @@ export default function EditProjectPage() {
     description: '',
     longDescription: '',
     organization: '',
-    repositoryUrl: '',
+    repositoryUrls: [''],
     websiteUrl: '',
     timelineUrl: '',
     difficulty: 'intermediate',
@@ -103,7 +103,9 @@ export default function EditProjectPage() {
           description: project.description || '',
           longDescription: project.longDescription || '',
           organization: project.organization || '',
-          repositoryUrl: project.repositoryUrl || '',
+          repositoryUrls: Array.isArray(project.repositoryUrls) && project.repositoryUrls.length > 0
+            ? project.repositoryUrls
+            : (project.repositoryUrl ? [project.repositoryUrl] : ['']),
           websiteUrl: project.websiteUrl || '',
           timelineUrl: project.timelineUrl || '',
           difficulty: project.difficulty || 'intermediate',
@@ -138,7 +140,7 @@ export default function EditProjectPage() {
     setFormData({ ...formData, [e.target.name]: e.target.value });
   };
 
-  const handleArrayChange = (field: 'requirements' | 'learningOutcomes', index: number, value: string) => {
+  const handleArrayChange = (field: 'requirements' | 'learningOutcomes' | 'repositoryUrls', index: number, value: string) => {
     const updated = [...formData[field]];
     updated[index] = value;
     setFormData({ ...formData, [field]: updated });
@@ -157,11 +159,11 @@ export default function EditProjectPage() {
     });
   };
 
-  const addArrayItem = (field: 'requirements' | 'learningOutcomes') => {
+  const addArrayItem = (field: 'requirements' | 'learningOutcomes' | 'repositoryUrls') => {
     setFormData({ ...formData, [field]: [...formData[field], ''] });
   };
 
-  const removeArrayItem = (field: 'requirements' | 'learningOutcomes', index: number) => {
+  const removeArrayItem = (field: 'requirements' | 'learningOutcomes' | 'repositoryUrls', index: number) => {
     const updated = formData[field].filter((_, i) => i !== index);
     setFormData({ ...formData, [field]: updated });
   };
@@ -221,7 +223,7 @@ export default function EditProjectPage() {
           description: formData.description,
           longDescription: formData.longDescription,
           organization: formData.organization,
-          repositoryUrl: formData.repositoryUrl,
+          repositoryUrls: formData.repositoryUrls.filter(Boolean),
           websiteUrl: formData.websiteUrl,
           timelineUrl: formData.timelineUrl,
           difficulty: formData.difficulty,
@@ -379,32 +381,52 @@ export default function EditProjectPage() {
 
               {/* Links */}
               <div className="space-y-4">
-                <h2 className="font-bold text-lg border-b-2 border-[var(--dsoc-dark)] pb-2">Links</h2>
-                
-                <div className="grid md:grid-cols-2 gap-4">
-                  <div>
-                    <label className="block font-bold text-sm mb-2">Repository URL *</label>
-                    <input
-                      type="url"
-                      name="repositoryUrl"
-                      value={formData.repositoryUrl}
-                      onChange={handleChange}
-                      required
-                      className="neo-brutal-input"
-                      placeholder="https://github.com/org/repo"
-                    />
-                  </div>
-                  <div>
-                    <label className="block font-bold text-sm mb-2">Website URL</label>
-                    <input
-                      type="url"
-                      name="websiteUrl"
-                      value={formData.websiteUrl}
-                      onChange={handleChange}
-                      className="neo-brutal-input"
-                      placeholder="https://example.com"
-                    />
-                  </div>
+                <h2 className="font-bold text-lg border-b-2 border-[var(--dsoc-dark)] pb-2">Links & Repositories</h2>
+
+                <div className="space-y-3">
+                  <label className="block font-bold text-sm">Repository URLs * (At least one is required)</label>
+                  {formData.repositoryUrls.map((repoUrl, index) => (
+                    <div key={index} className="flex gap-2">
+                      <input
+                        type="url"
+                        value={repoUrl}
+                        onChange={(e) => handleArrayChange('repositoryUrls', index, e.target.value)}
+                        required={index === 0}
+                        className="neo-brutal-input flex-1"
+                        placeholder="https://github.com/org/repo"
+                      />
+                      {formData.repositoryUrls.length > 1 && (
+                        <button
+                          type="button"
+                          onClick={() => removeArrayItem('repositoryUrls', index)}
+                          className="p-3 bg-[var(--dsoc-pink)] text-white border-4 border-[var(--dsoc-dark)]"
+                        >
+                          <Trash2 className="w-5 h-5" />
+                        </button>
+                      )}
+                    </div>
+                  ))}
+
+                  <button
+                    type="button"
+                    onClick={() => addArrayItem('repositoryUrls')}
+                    className="inline-flex items-center gap-2 px-4 py-2 bg-[var(--dsoc-success)] text-white font-bold border-4 border-[var(--dsoc-dark)] hover:translate-x-1 transition-transform text-sm"
+                  >
+                    <Plus className="w-4 h-4" />
+                    Add Repository URL
+                  </button>
+                </div>
+
+                <div>
+                  <label className="block font-bold text-sm mb-2">Website URL</label>
+                  <input
+                    type="url"
+                    name="websiteUrl"
+                    value={formData.websiteUrl}
+                    onChange={handleChange}
+                    className="neo-brutal-input"
+                    placeholder="https://example.com"
+                  />
                 </div>
               </div>
 
diff --git a/app/admin/dsoc/projects/new/page.tsx b/app/admin/dsoc/projects/new/page.tsx
index 39c5357..05cc430 100644
--- a/app/admin/dsoc/projects/new/page.tsx
+++ b/app/admin/dsoc/projects/new/page.tsx
@@ -38,7 +38,7 @@ export default function NewProjectPage() {
     description: '',
     longDescription: '',
     organization: '',
-    repositoryUrl: '',
+    repositoryUrls: [''],
     websiteUrl: '',
     timelineUrl: '',
     difficulty: 'intermediate',
@@ -90,7 +90,7 @@ export default function NewProjectPage() {
   };
 
   const handleArrayChange = (
-    field: 'requirements' | 'learningOutcomes',
+    field: 'requirements' | 'learningOutcomes' | 'repositoryUrls',
     index: number,
     value: string,
   ) => {
@@ -99,11 +99,11 @@ export default function NewProjectPage() {
     setFormData({ ...formData, [field]: updated });
   };
 
-  const addArrayItem = (field: 'requirements' | 'learningOutcomes') => {
+  const addArrayItem = (field: 'requirements' | 'learningOutcomes' | 'repositoryUrls') => {
     setFormData({ ...formData, [field]: [...formData[field], ''] });
   };
 
-  const removeArrayItem = (field: 'requirements' | 'learningOutcomes', index: number) => {
+  const removeArrayItem = (field: 'requirements' | 'learningOutcomes' | 'repositoryUrls', index: number) => {
     const updated = formData[field].filter((_, i) => i !== index);
     setFormData({ ...formData, [field]: updated });
   };
@@ -176,6 +176,7 @@ export default function NewProjectPage() {
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
           ...formData,
+          repositoryUrls: formData.repositoryUrls.filter(Boolean),
           technologies: formData.technologies.split(',').map((s) => s.trim()).filter(Boolean),
           tags: formData.tags.split(',').map((s) => s.trim()).filter(Boolean),
           mentors: formData.mentors,
@@ -388,32 +389,52 @@ export default function NewProjectPage() {
 
               {/* Links */}
               <div className="space-y-4">
-                <h2 className="font-bold text-lg border-b-2 border-[var(--dsoc-dark)] pb-2">Links</h2>
+                <h2 className="font-bold text-lg border-b-2 border-[var(--dsoc-dark)] pb-2">Links & Repositories</h2>
+
+                <div className="space-y-3">
+                  <label className="block font-bold text-sm">Repository URLs * (At least one is required)</label>
+                  {formData.repositoryUrls.map((repoUrl, index) => (
+                    <div key={index} className="flex gap-2">
+                      <input
+                        type="url"
+                        value={repoUrl}
+                        onChange={(e) => handleArrayChange('repositoryUrls', index, e.target.value)}
+                        required={index === 0}
+                        className="neo-brutal-input flex-1"
+                        placeholder="https://github.com/org/repo"
+                      />
+                      {formData.repositoryUrls.length > 1 && (
+                        <button
+                          type="button"
+                          onClick={() => removeArrayItem('repositoryUrls', index)}
+                          className="p-3 bg-[var(--dsoc-pink)] text-white border-4 border-[var(--dsoc-dark)]"
+                        >
+                          <Trash2 className="w-5 h-5" />
+                        </button>
+                      )}
+                    </div>
+                  ))}
+
+                  <button
+                    type="button"
+                    onClick={() => addArrayItem('repositoryUrls')}
+                    className="inline-flex items-center gap-2 px-4 py-2 bg-[var(--dsoc-success)] text-white font-bold border-4 border-[var(--dsoc-dark)] hover:translate-x-1 transition-transform text-sm"
+                  >
+                    <Plus className="w-4 h-4" />
+                    Add Repository URL
+                  </button>
+                </div>
 
-                <div className="grid md:grid-cols-2 gap-4">
-                  <div>
-                    <label className="block font-bold text-sm mb-2">Repository URL *</label>
-                    <input
-                      type="url"
-                      name="repositoryUrl"
-                      value={formData.repositoryUrl}
-                      onChange={handleChange}
-                      required
-                      className="neo-brutal-input"
-                      placeholder="https://github.com/org/repo"
-                    />
-                  </div>
-                  <div>
-                    <label className="block font-bold text-sm mb-2">Website URL</label>
-                    <input
-                      type="url"
-                      name="websiteUrl"
-                      value={formData.websiteUrl}
-                      onChange={handleChange}
-                      className="neo-brutal-input"
-                      placeholder="https://example.com"
-                    />
-                  </div>
+                <div>
+                  <label className="block font-bold text-sm mb-2">Website URL</label>
+                  <input
+                    type="url"
+                    name="websiteUrl"
+                    value={formData.websiteUrl}
+                    onChange={handleChange}
+                    className="neo-brutal-input"
+                    placeholder="https://example.com"
+                  />
                 </div>
               </div>
 
diff --git a/app/dsoc/page.tsx b/app/dsoc/page.tsx
index e0b4079..8c6bbfc 100644
--- a/app/dsoc/page.tsx
+++ b/app/dsoc/page.tsx
@@ -43,6 +43,7 @@ interface Project {
   featuredImage?: string;
   imageUrl?: string;
   repositoryUrl?: string;
+  repositoryUrls?: string[];
   wikiUrl?: string;
 }
 
@@ -567,10 +568,15 @@ export default function DSOCPage() {
                           {project.duration}
                         </div>
                         <div className="flex gap-2">
-                          {project.repositoryUrl && (
+                          {(project.repositoryUrl || (project.repositoryUrls && project.repositoryUrls.length > 0)) && (
                             <button 
                               type="button"
-                              onClick={(e) => { e.preventDefault(); e.stopPropagation(); window.open(project.repositoryUrl, '_blank'); }}
+                              onClick={(e) => { 
+                                e.preventDefault(); 
+                                e.stopPropagation(); 
+                                const targetUrl = project.repositoryUrl || (project.repositoryUrls && project.repositoryUrls[0]);
+                                if (targetUrl) window.open(targetUrl, '_blank'); 
+                              }}
                               className="inline-flex items-center gap-1 text-sm font-bold text-[var(--dsoc-dark)] hover:text-[var(--dsoc-primary)] transition-colors"
                             >
                               <Github className="w-4 h-4" />
diff --git a/app/dsoc/projects/[id]/page.tsx b/app/dsoc/projects/[id]/page.tsx
index 452f960..26b8924 100644
--- a/app/dsoc/projects/[id]/page.tsx
+++ b/app/dsoc/projects/[id]/page.tsx
@@ -16,7 +16,8 @@ import {
   BookOpen,
   Target,
   Code2,
-  MessageCircle
+  MessageCircle,
+  Star
 } from "lucide-react";
 import "../../styles.css";
 import DSOCNavbar from "../../components/DSOCNavbar";
@@ -40,6 +41,7 @@ interface Project {
   longDescription?: string;
   organization: string;
   repositoryUrl: string;
+  repositoryUrls?: string[];
   websiteUrl?: string;
   timelineUrl?: string;
   difficulty: 'beginner' | 'intermediate' | 'advanced';
@@ -296,6 +298,25 @@ export default function ProjectDetailPage({ params }: { params: Promise<{ id: st
   const [error, setError] = useState('');
   const [isMentee, setIsMentee] = useState<boolean | null>(null);
 
+  const getRepoLabel = (url: string) => {
+    try {
+      const path = new URL(url).pathname;
+      const parts = path.split('/').filter(Boolean);
+      if (parts.length >= 2) {
+        return parts.slice(-2).join('/');
+      }
+      return 'Repository';
+    } catch {
+      return 'Repository';
+    }
+  };
+
+  const repoUrls = project
+    ? Array.isArray(project.repositoryUrls) && project.repositoryUrls.length > 0
+      ? project.repositoryUrls
+      : (project.repositoryUrl ? [project.repositoryUrl] : [])
+    : [];
+
   useEffect(() => {
     fetchProject();
     checkMenteeSession();
@@ -462,16 +483,19 @@ export default function ProjectDetailPage({ params }: { params: Promise<{ id: st
               </p>
             </div>
             
-            <div className="flex gap-3">
-              <a 
-                href={project.repositoryUrl} 
-                target="_blank" 
-                rel="noopener noreferrer"
-                className="neo-brutal-btn bg-[var(--dsoc-dark)] text-white"
-              >
-                <Github className="w-5 h-5 mr-2" />
-                Repository
-              </a>
+            <div className="flex flex-wrap gap-3">
+              {repoUrls.map((url, i) => (
+                <a 
+                  key={i}
+                  href={url} 
+                  target="_blank" 
+                  rel="noopener noreferrer"
+                  className="neo-brutal-btn bg-[var(--dsoc-dark)] text-white"
+                >
+                  <Github className="w-5 h-5 mr-2" />
+                  {getRepoLabel(url)}
+                </a>
+              ))}
               {project.timelineUrl && (
                 <a 
                   href={project.timelineUrl} 
@@ -744,6 +768,31 @@ export default function ProjectDetailPage({ params }: { params: Promise<{ id: st
                 </p>
               </div>
 
+              {/* Star Card */}
+              <div className="neo-brutal-card p-6 border-4 border-[var(--dsoc-dark)]">
+                <div className="flex items-center gap-2 mb-3">
+                  <Star className="w-6 h-6 fill-current text-[var(--dsoc-dark)] animate-pulse" />
+                  <h3 className="text-lg font-black">Support This Project</h3>
+                </div>
+                <p className="text-sm opacity-90 mb-4 leading-relaxed font-bold">
+                  Love this project? Show your support by starring the repository on GitHub! It helps increase visibility, motivates the mentors, and grows our open-source community. ⭐
+                </p>
+                <div className="space-y-3">
+                  {repoUrls.map((url, i) => (
+                    <a
+                      key={i}
+                      href={url}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="neo-brutal-btn bg-white text-[var(--dsoc-dark)] hover:bg-yellow-50 w-full flex items-center justify-center gap-2 border-4 border-[var(--dsoc-dark)]"
+                    >
+                      <Github className="w-4 h-4 text-[var(--dsoc-dark)]" />
+                      Star {getRepoLabel(url)}
+                    </a>
+                  ))}
+                </div>
+              </div>
+
               {project.timelineUrl && (
                 <div className="neo-brutal-card p-6">
                   <div className="flex items-start justify-between gap-4">
@@ -773,7 +822,7 @@ export default function ProjectDetailPage({ params }: { params: Promise<{ id: st
 
               {/* Discord Card */}
               <div className="neo-brutal-card p-6">
-                <div className="text-[var(--dsoc-dark)] dark:text-[var(--dsoc-light)]">
+                
                   <MessageCircle className="w-8 h-8 mb-3" />
                   <h3 className="font-bold text-lg mb-2">Have Questions?</h3>
                   <p className="text-sm opacity-90 mb-4">
@@ -787,7 +836,7 @@ export default function ProjectDetailPage({ params }: { params: Promise<{ id: st
                   >
                     Join Discord
                   </a>
-                </div>
+                
               </div>
 
               {/* Tags */}
diff --git a/app/dsoc/projects/page.tsx b/app/dsoc/projects/page.tsx
index a6e10aa..ce0b53d 100644
--- a/app/dsoc/projects/page.tsx
+++ b/app/dsoc/projects/page.tsx
@@ -24,6 +24,7 @@ interface Project {
   description: string;
   organization: string;
   repositoryUrl: string;
+  repositoryUrls?: string[];
   websiteUrl?: string;
   difficulty: 'beginner' | 'intermediate' | 'advanced';
   duration: string;
@@ -491,10 +492,15 @@ export default function ProjectsPage() {
                         
                         {/* GitHub and Wiki Links */}
                         <div className="mt-4 pt-4 border-t-2 border-[var(--dsoc-dark)]/20 flex gap-4">
-                          {project.repositoryUrl && (
+                          {(project.repositoryUrl || (project.repositoryUrls && project.repositoryUrls.length > 0)) && (
                             <button 
                               type="button"
-                              onClick={(e) => { e.preventDefault(); e.stopPropagation(); window.open(project.repositoryUrl, '_blank'); }}
+                              onClick={(e) => { 
+                                e.preventDefault(); 
+                                e.stopPropagation(); 
+                                const targetUrl = project.repositoryUrl || (project.repositoryUrls && project.repositoryUrls[0]);
+                                if (targetUrl) window.open(targetUrl, '_blank'); 
+                              }}
                               className="inline-flex items-center gap-1.5 text-sm font-bold text-[var(--dsoc-dark)] hover:text-[var(--dsoc-primary)] transition-colors"
                             >
                               <Github className="w-4 h-4" />
diff --git a/models/DSOCProject.ts b/models/DSOCProject.ts
index 337402c..d3f002d 100644
--- a/models/DSOCProject.ts
+++ b/models/DSOCProject.ts
@@ -5,7 +5,7 @@ export interface IDSOCProject extends Document {
   description: string;
   longDescription?: string;
   organization: string;
-  repositoryUrl: string;
+  repositoryUrls: string[];
   websiteUrl?: string;
   timelineUrl?: string;
   difficulty: 'beginner' | 'intermediate' | 'advanced';
@@ -57,11 +57,11 @@ const DSOCProjectSchema = new Schema<IDSOCProject>(
       required: [true, 'Organization name is required'],
       trim: true,
     },
-    repositoryUrl: {
+    repositoryUrls: [{
       type: String,
       required: [true, 'Repository URL is required'],
       trim: true,
-    },
+    }],
     websiteUrl: {
       type: String,
       trim: true,

From 2150f92c2c27466fbdef3ebd19cc3505d6af0bd9 Mon Sep 17 00:00:00 2001
From: Talha Amjad <155809113+miantalha45@users.noreply.github.com>
Date: Mon, 1 Jun 2026 12:56:26 +0500
Subject: [PATCH 2/2] linting fix

---
 app/dsoc/projects/[id]/page.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/app/dsoc/projects/[id]/page.tsx b/app/dsoc/projects/[id]/page.tsx
index 5a1fa27..0706a97 100644
--- a/app/dsoc/projects/[id]/page.tsx
+++ b/app/dsoc/projects/[id]/page.tsx
@@ -17,9 +17,8 @@ import {
   Target,
   Code2,
   MessageCircle,
-  Star
+  Star,
   ImageIcon,
-  MessageCircle,
   X
 } from "lucide-react";
 import { Swiper, SwiperSlide } from "swiper/react";