From 088b046e28fb33e0aa6583753514ba2f4c8908f0 Mon Sep 17 00:00:00 2001
From: Ayush Deb <ayushdeb848@gmail.com>
Date: Fri, 31 May 2024 23:39:35 +0530
Subject: [PATCH 1/7] updated footer

Changed 'Help' to 'FAQs'
---
 src/components/Footer/Footer.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 61e34ae8..d2bdc804 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -1,6 +1,7 @@
 import "./Footer.css";
 import { FaGithub, FaInstagram, FaFacebook, FaLinkedin } from "react-icons/fa";
 
+
 function Footer() {
   return (
     <footer>
@@ -15,7 +16,7 @@ function Footer() {
             </a>
           </li>
           <li>Blog</li>
-          <li>Help</li>
+          <li><a href="./Dashboard">FAQs</a></li>
           <li>Privacy</li>
           <li>Terms</li>
           <li>

From 32a6b6d62260a04bcfb446c29746829c6db1ab59 Mon Sep 17 00:00:00 2001
From: Ayush Deb <126975547+ayush-848@users.noreply.github.com>
Date: Fri, 31 May 2024 23:46:43 +0530
Subject: [PATCH 2/7] Update Footer.jsx

Changed 'Help' to 'FAQs'
---
 src/components/Footer/Footer.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 61e34ae8..2180b670 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -15,7 +15,7 @@ function Footer() {
             </a>
           </li>
           <li>Blog</li>
-          <li>Help</li>
+          <li><a href="./Dashboard">FAQs</a></li>
           <li>Privacy</li>
           <li>Terms</li>
           <li>

From 96034be110f9d70bd58871e21871faaf686e8809 Mon Sep 17 00:00:00 2001
From: Ayush Deb <126975547+ayush-848@users.noreply.github.com>
Date: Fri, 31 May 2024 23:50:39 +0530
Subject: [PATCH 3/7] Update Footer.jsx

---
 src/components/Footer/Footer.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 2180b670..ca3f851f 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -15,7 +15,7 @@ function Footer() {
             </a>
           </li>
           <li>Blog</li>
-          <li><a href="./Dashboard">FAQs</a></li>
+          <li><a style={{ textDecoration: "none", color: "inherit" }} href="./Dashboard">FAQs</a></li>
           <li>Privacy</li>
           <li>Terms</li>
           <li>

From 331c8a940b7aad5e406169fbe7d3f7a2511b5f08 Mon Sep 17 00:00:00 2001
From: Ayush Deb <ayushdeb848@gmail.com>
Date: Sat, 15 Jun 2024 14:17:01 +0530
Subject: [PATCH 4/7] added contributors page

---
 src/components/Contributors/Contribute.css | 69 ++++++++++++++++++++
 src/components/Contributors/Contribute.jsx | 74 ++++++++++++++++++++++
 src/components/Dashboard/Dashboard.jsx     |  5 +-
 src/components/Footer/Footer.jsx           |  8 ++-
 src/components/index.js                    |  6 +-
 src/index.jsx                              |  6 ++
 6 files changed, 161 insertions(+), 7 deletions(-)
 create mode 100644 src/components/Contributors/Contribute.css
 create mode 100644 src/components/Contributors/Contribute.jsx

diff --git a/src/components/Contributors/Contribute.css b/src/components/Contributors/Contribute.css
new file mode 100644
index 00000000..1bcfdd50
--- /dev/null
+++ b/src/components/Contributors/Contribute.css
@@ -0,0 +1,69 @@
+/* Contribute.css */
+
+.contributor-heading {
+  font-size: 3rem !important;
+}
+
+.contributor-cards {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  gap: 20px;
+  margin-left: 10%;
+}
+
+
+.contributor-member {
+  width: 180px;
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  text-align: center;
+  background-color: #cce5ff; /* Light bluish background color */
+}
+
+.contributor-member:hover{
+  transform: translateY(-5px);
+  box-shadow: black 14px;
+  cursor: pointer;
+}
+
+.contributor-member img {
+  width: 100px;
+  height: 100px;
+  border-radius: 50%;
+  margin-bottom: 10px;
+}
+
+.contributor-member h3 {
+  font-size: 16px;
+}
+
+.contributor-member p {
+  font-size: 14px;
+}
+
+.pagination {
+  display: flex;
+  justify-content: center;
+  margin-top: 20px;
+}
+
+.pagination-button {
+  margin: 0 5px;
+  padding: 8px 12px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  background-color: #fff;
+  cursor: pointer;
+}
+
+.pagination-button.active {
+  background-color: #007bff;
+  color: #fff;
+  border-color: #007bff;
+}
+
+.pagination-button:hover {
+  background-color: #e9ecef;
+}
diff --git a/src/components/Contributors/Contribute.jsx b/src/components/Contributors/Contribute.jsx
new file mode 100644
index 00000000..496f2226
--- /dev/null
+++ b/src/components/Contributors/Contribute.jsx
@@ -0,0 +1,74 @@
+import React, { useEffect, useState } from 'react';
+import './Contribute.css'; // Import CSS file for styles
+
+const Contribute = () => {
+  const owner = 'Counselllor';
+  const repo = 'Counsellor-Web';
+  const contributorsPerPage = 5; // Changed to display 5 contributors per page
+  const [contributors, setContributors] = useState([]);
+  const [currentPage, setCurrentPage] = useState(1);
+
+  useEffect(() => {
+    const fetchContributors = async () => {
+      try {
+        const response = await fetch(`https://api.github.com/repos/${owner}/${repo}/contributors`);
+        if (!response.ok) {
+          console.error('Failed to fetch contributors:', response.statusText);
+          return;
+        }
+        const data = await response.json();
+        setContributors(data);
+      } catch (error) {
+        console.error('Error fetching contributors:', error);
+      }
+    };
+
+    fetchContributors();
+  }, [owner, repo]);
+
+  const handleProfileClick = (username) => {
+    const profileUrl = `https://github.com/${username}`;
+    window.open(profileUrl, '_blank'); // Open the GitHub profile in a new tab
+  };
+
+  const displayContributors = () => {
+    const startIndex = (currentPage - 1) * contributorsPerPage;
+    const endIndex = startIndex + contributorsPerPage;
+    return contributors.slice(startIndex, endIndex).map(contributor => (
+      <div key={contributor.login} className="contributor-member" onClick={() => handleProfileClick(contributor.login)}>
+        <img src={contributor.avatar_url} alt={contributor.login} />
+        <div>
+          <h3>{contributor.login}</h3>
+          <p>{contributor.contributions} contributions</p>
+        </div>
+      </div>
+    ));
+  };
+
+  const createPaginationButtons = () => {
+    const totalPages = Math.ceil(contributors.length / contributorsPerPage);
+    return Array.from({ length: totalPages }, (_, index) => (
+      <button
+        key={index + 1}
+        className={`pagination-button ${currentPage === index + 1 ? 'active' : ''}`}
+        onClick={() => setCurrentPage(index + 1)}
+      >
+        {index + 1}
+      </button>
+    ));
+  };
+
+  return (
+    <div>
+      <h1 className='contributor-heading'>Our Contributors</h1>
+      <div className="contributor-cards">
+        {displayContributors()}
+      </div>
+      <div className="pagination">
+        {createPaginationButtons()}
+      </div>
+    </div>
+  );
+};
+
+export default Contribute;
diff --git a/src/components/Dashboard/Dashboard.jsx b/src/components/Dashboard/Dashboard.jsx
index 911e85ee..54091c6a 100644
--- a/src/components/Dashboard/Dashboard.jsx
+++ b/src/components/Dashboard/Dashboard.jsx
@@ -10,7 +10,8 @@ import ScrollToTop from "react-scroll-to-top";
 import { ToastContainer, toast } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
 import CollegeCard from "./CollegeCard";
-import FAQS from "../FAQs/FAQS";
+import FAQs from '../FAQs/FAQs';
+
 
 const Dashboard = () => {
   const navigate = useNavigate();
@@ -202,7 +203,7 @@ window.addEventListener("scroll", setFixed)
             </div>
           ))}
         </div>
-        <FAQS/>
+        <FAQs/>
         <Footer />
       </main>
     
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 9717472b..81417e89 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -16,8 +16,7 @@ function Footer() {
             </a>
           </li>
           <li>Blog</li>
-          <li><a href="./Dashboard">FAQs</a></li>
-          <li><a style={{ textDecoration: "none", color: "inherit" }} href="./Dashboard">FAQs</a></li>
+          <li><a style={{ textDecoration: "none", color: "inherit" }} href="./FAQs">FAQs</a></li>
           <li>Privacy</li>
           <li>Terms</li>
           <li>
@@ -28,7 +27,10 @@ function Footer() {
               Contact
             </a>
           </li>
-          <li>Our Countributors</li>
+          <li><a
+              style={{ textDecoration: "none", color: "inherit" }}
+              href="./contribute"
+            >Our Countributors</a></li>
           <li>Join Us</li>
         </ul>
         <p>© 2023 Counsellor</p>
diff --git a/src/components/index.js b/src/components/index.js
index 5be942e9..21b171f8 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -4,7 +4,8 @@ import ForgotPasswordForm from "./ForgotPassword/ForgotPassword.jsx";
 import LoginForm from './Login/Login.jsx';
 import Navbar from "./Navbar/Navbar.jsx";
 import SignUpForm from './SignUp/SignUp.jsx';
-import FAQs from './FAQs/FAQS.jsx'
+import FAQs from './FAQs/FAQs.jsx'
+import Contribute from "./Contributors/Contribute.jsx";
 
 const Home = lazy(() => import("./Home/Home.jsx"));
 const About = lazy(() => import("./About/About.jsx"));
@@ -17,6 +18,7 @@ export {
     LoginForm,
     Navbar,
     SignUpForm,
-    FAQs
+    FAQs,
+    Contribute
 };
 
diff --git a/src/index.jsx b/src/index.jsx
index 7ca1bdd2..7d2efe08 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -10,6 +10,7 @@ import {
   ForgotPasswordForm,
   SignUpForm,
   FAQs,
+  Contribute,
 } from "./components/index";
 import Loading from "./components/Loading/Loading";
 import Login from "./components/Login/Login";
@@ -77,6 +78,11 @@ const router = createBrowserRouter([
         errorElement: <ErrorPage />,
         element: <FAQs />,
       },
+      {
+        path: "/Contribute",
+        errorElement: <ErrorPage />,
+        element: <Contribute />,
+      }
     ],
   },
 ]);

From 27571373886d9dbbc0481cd0a27dc5b2fd361584 Mon Sep 17 00:00:00 2001
From: Ayush Deb <ayushdeb848@gmail.com>
Date: Sun, 16 Jun 2024 20:36:14 +0530
Subject: [PATCH 5/7] updated

---
 src/components/Dashboard/Dashboard.jsx | 48 +++++++++++++++-----------
 src/components/FAQs/FAQS.jsx           |  3 +-
 src/components/Footer/Footer.jsx       | 42 ++++++++++++++++++----
 3 files changed, 64 insertions(+), 29 deletions(-)

diff --git a/src/components/Dashboard/Dashboard.jsx b/src/components/Dashboard/Dashboard.jsx
index 54091c6a..459ad850 100644
--- a/src/components/Dashboard/Dashboard.jsx
+++ b/src/components/Dashboard/Dashboard.jsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useCallback } from "react";
 import "./Dashboard.css";
-import { useNavigate, NavLink, Link } from "react-router-dom";
+import { useNavigate, NavLink, Link, useLocation } from "react-router-dom";
 import Logo from "../../assets/logo.webp";
 import { signOut, onAuthStateChanged } from "firebase/auth";
 import { auth } from "../../firebase/auth";
@@ -15,26 +15,29 @@ import FAQs from '../FAQs/FAQs';
 
 const Dashboard = () => {
   const navigate = useNavigate();
+  const location = useLocation();
   const [menuOpen, setMenuOpen] = useState(false);
   const [searchTerm, setSearchTerm] = useState("");
   const [filteredColleges, setFilteredColleges] = useState(collegesData);
+
   useEffect(() => {
     auth.onAuthStateChanged((user) => {
       if (user) {
         toast.success("Logged in! 🚀",{
           className: "toast-message",
-        })
+        });
         console.log("");
       } else if (!user) {
         toast.success("Logged out!",{
           className: "toast-message",
-        })
+        });
         setTimeout(() => {
           navigate("/");
         }, 1000);
       }
     });
   }, []);
+
   useEffect(() => {
     const results = collegesData.filter(
       (college) =>
@@ -44,6 +47,15 @@ const Dashboard = () => {
     setFilteredColleges(results);
   }, [searchTerm]);
 
+  useEffect(() => {
+    if (location.hash === "#faqs1") {
+      const faqsElement = document.getElementById("faqs1");
+      if (faqsElement) {
+        faqsElement.scrollIntoView({ behavior: "smooth" });
+      }
+    }
+  }, [location]);
+
   const handleSignOut = useCallback(() => {
     signOut(auth)
       .then(() => {
@@ -72,6 +84,7 @@ const Dashboard = () => {
   const handleSearchChange = useCallback((e) => {
     setSearchTerm(e.target.value);
   }, []);
+
   const [activeIndex, setActiveIndex] = useState(null);
 
   const handleTouchStart = (index) => {
@@ -82,26 +95,21 @@ const Dashboard = () => {
     setActiveIndex(null);
   };
 
+  const [fix, setFix] = useState(false);
 
-  
-
-const [fix, setFix]= useState(false)
-//function for appearance of background for nav menu
-function setFixed(){
-  if(window.scrollY>0){
-    setFix(true)
-  }else{
-    setFix(false)
-  }
-}
+  const setFixed = () => {
+    if (window.scrollY > 0) {
+      setFix(true);
+    } else {
+      setFix(false);
+    }
+  };
 
-window.addEventListener("scroll", setFixed)
+  window.addEventListener("scroll", setFixed);
 
   return (
-    //scrolltotop is for scroll to top widget
-    //Then the navbar code begins
-      <main>
-        <div className="scroll">
+    <main>
+      <div className="scroll">
         <ScrollToTop
         smooth
         viewBox="0 0 24 24"
@@ -203,7 +211,7 @@ window.addEventListener("scroll", setFixed)
             </div>
           ))}
         </div>
-        <FAQs/>
+        <FAQS/>
         <Footer />
       </main>
     
diff --git a/src/components/FAQs/FAQS.jsx b/src/components/FAQs/FAQS.jsx
index 2c3f30a1..f85a6049 100644
--- a/src/components/FAQs/FAQS.jsx
+++ b/src/components/FAQs/FAQS.jsx
@@ -1,5 +1,4 @@
 // FAQs.jsx
-
 import React, { useState } from 'react';
 import './FAQs.css';
 
@@ -31,7 +30,7 @@ const FAQs = () => {
   };
 
   return (
-    <div className="faqs-container">
+    <div id="faqs" className="faqs-container">
       <h2>Frequently Asked Questions</h2>
       <div className="accordion">
         {faqs.map((faq, index) => (
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 81417e89..6fcce637 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -1,7 +1,6 @@
 import "./Footer.css";
 import { FaGithub, FaInstagram, FaFacebook, FaLinkedin } from "react-icons/fa";
 
-
 function Footer() {
   return (
     <footer>
@@ -16,7 +15,14 @@ function Footer() {
             </a>
           </li>
           <li>Blog</li>
-          <li><a style={{ textDecoration: "none", color: "inherit" }} href="./FAQs">FAQs</a></li>
+          <li>
+            <a
+              style={{ textDecoration: "none", color: "inherit" }}
+              href="./FAQs"
+            >
+              FAQs
+            </a>
+          </li>
           <li>Privacy</li>
           <li>Terms</li>
           <li>
@@ -27,10 +33,14 @@ function Footer() {
               Contact
             </a>
           </li>
-          <li><a
+          <li>
+            <a
               style={{ textDecoration: "none", color: "inherit" }}
               href="./contribute"
-            >Our Countributors</a></li>
+            >
+              Our Contributors
+            </a>
+          </li>
           <li>Join Us</li>
         </ul>
         <p>© 2023 Counsellor</p>
@@ -42,9 +52,27 @@ function Footer() {
           >
             <FaGithub />
           </a>
-          <FaFacebook />
-          <FaInstagram />
-          <FaLinkedin />
+          <a
+            href="https://facebook.com"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <FaFacebook />
+          </a>
+          <a
+            href="https://instagram.com"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <FaInstagram />
+          </a>
+          <a
+            href="https://linkedin.com"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <FaLinkedin />
+          </a>
         </div>
       </div>
     </footer>

From 2fdd2cf39ad31a1ea8e42d2c75c86a3c78fa2170 Mon Sep 17 00:00:00 2001
From: Ayush Deb <ayushdeb848@gmail.com>
Date: Sun, 16 Jun 2024 21:23:30 +0530
Subject: [PATCH 6/7] updated

---
 src/components/Dashboard/Dashboard.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Dashboard/Dashboard.jsx b/src/components/Dashboard/Dashboard.jsx
index 459ad850..cd341697 100644
--- a/src/components/Dashboard/Dashboard.jsx
+++ b/src/components/Dashboard/Dashboard.jsx
@@ -211,7 +211,7 @@ const Dashboard = () => {
             </div>
           ))}
         </div>
-        <FAQS/>
+        <FAQs/>
         <Footer />
       </main>
     

From 9eae659b06f7ea4fdd3e0b3d8d9165fdf3570240 Mon Sep 17 00:00:00 2001
From: Ayush Deb <126975547+ayush-848@users.noreply.github.com>
Date: Tue, 18 Jun 2024 09:50:47 +0530
Subject: [PATCH 7/7] Rename FAQS.jsx to FAQs.jsx

---
 src/components/FAQs/{FAQS.jsx => FAQs.jsx} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename src/components/FAQs/{FAQS.jsx => FAQs.jsx} (100%)

diff --git a/src/components/FAQs/FAQS.jsx b/src/components/FAQs/FAQs.jsx
similarity index 100%
rename from src/components/FAQs/FAQS.jsx
rename to src/components/FAQs/FAQs.jsx