From fb94e1240c43eca91c2f6228fefb24d4f33cb50c Mon Sep 17 00:00:00 2001
From: SiddhiMohite20 <mohitesiddhi811@gmail.com>
Date: Thu, 14 May 2026 23:19:17 +0530
Subject: [PATCH 1/6] Fixed navbar hover contrast issue

---
 src/components/Navbar.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index c6cc86d..8bf541f 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -20,7 +20,7 @@ const Navbar: React.FC = () => {
         {/* Logo Section */}
         <Link
           to="/"
-          className="text-2xl font-bold hover:text-gray-300 cursor-pointer flex items-center"
+          className="text-2xl font-bold hover:text-blue-500 cursor-pointer flex items-center"
         >
           <img src="/crl-icon.png" alt="CRL Icon" className="h-8 mr-2" />
           GitHub Tracker
@@ -30,13 +30,13 @@ const Navbar: React.FC = () => {
         <div className="hidden md:flex space-x-6">
           <Link
             to="/"
-            className="text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+            className="text-lg font-medium hover:text-blue-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
           >
             Home
           </Link>
           <Link
             to="/track"
-            className="text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+            className="text-lg font-medium text-black  hover:text-blue-600 transition-all px-2 py-1 border border-transparent hover:border-blue-400 rounded"
           >
             Tracker
           </Link>
@@ -91,35 +91,35 @@ const Navbar: React.FC = () => {
           <div className="space-y-4 px-6 py-4">
             <Link
               to="/"
-              className="block text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+              className="block text-lg font-medium hover:text-blue-500 transition-all px-2 py-1 border border-transparent hover:border-black rounded"
               onClick={() => setIsOpen(false)}
             >
               Home
             </Link>
             <Link
               to="/about"
-              className="block text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+              className="block text-lg font-medium hover:text-blue-500 transition-all px-2 py-1 border border-transparent hover:border-black rounded"
               onClick={() => setIsOpen(false)}
             >
               About
             </Link>
             <Link
               to="/contact"
-              className="block text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+              className="block text-lg font-medium hover:text-blue-500 transition-all px-2 py-1 border border-transparent hover:border-black rounded"
               onClick={() => setIsOpen(false)}
             >
               Contact
             </Link>
             <Link
               to="/contributors"
-              className="block text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+              className="block text-lg font-medium hover:text-blue-500 transition-all px-2 py-1 border border-transparent hover:border-black rounded"
               onClick={() => setIsOpen(false)}
             >
               Contributors
             </Link>
             <Link
               to="/login"
-              className="block text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+              className="block text-lg font-medium hover:text-blue-500 transition-all px-2 py-1 border border-transparent hover:border-black rounded"
               onClick={() => setIsOpen(false)}
             >
               Login

From 4387fc983f80ca31d6250e12d891ccf19e1b75d6 Mon Sep 17 00:00:00 2001
From: SiddhiMohite20 <mohitesiddhi811@gmail.com>
Date: Fri, 15 May 2026 11:21:36 +0530
Subject: [PATCH 2/6] Updated navbar hover style for consistency

---
 src/components/Navbar.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 8bf541f..ce92920 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -30,7 +30,7 @@ const Navbar: React.FC = () => {
         <div className="hidden md:flex space-x-6">
           <Link
             to="/"
-            className="text-lg font-medium hover:text-blue-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+            className="text-lg font-medium hover:text-blue-600 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
           >
             Home
           </Link>
@@ -42,13 +42,13 @@ const Navbar: React.FC = () => {
           </Link>
           <Link
             to="/contributors"
-            className="text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+            className="text-lg font-medium hover:text-blue-600 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
           >
             Contributors
           </Link>
           <Link
             to="/login"
-            className="text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+            className="text-lg font-medium hover:text-blue-600 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
           >
             Login
           </Link>
@@ -91,14 +91,14 @@ const Navbar: React.FC = () => {
           <div className="space-y-4 px-6 py-4">
             <Link
               to="/"
-              className="block text-lg font-medium hover:text-blue-500 transition-all px-2 py-1 border border-transparent hover:border-black rounded"
+              className="block text-lg font-medium hover:text-blue-600 transition-all px-2 py-1 border border-transparent hover:border-black rounded"
               onClick={() => setIsOpen(false)}
             >
               Home
             </Link>
             <Link
               to="/about"
-              className="block text-lg font-medium hover:text-blue-500 transition-all px-2 py-1 border border-transparent hover:border-black rounded"
+              className="block text-lg font-medium hover:text-blue-00 transition-all px-2 py-1 border border-transparent hover:border-black rounded"
               onClick={() => setIsOpen(false)}
             >
               About

From d7fd9587e526454f26b69b3421971253f3b77259 Mon Sep 17 00:00:00 2001
From: SiddhiMohite20 <mohitesiddhi811@gmail.com>
Date: Sun, 17 May 2026 13:12:36 +0530
Subject: [PATCH 3/6] Fix navbar visibility issue

---
 src/components/Navbar.tsx   | 2 +-
 src/pages/Signup/Signup.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index ce92920..b9e6676 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -42,7 +42,7 @@ const Navbar: React.FC = () => {
           </Link>
           <Link
             to="/contributors"
-            className="text-lg font-medium hover:text-blue-600 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+            className="text-lg font-medium hover:text-blue-600 transition-all px-2 py-1 border border-transparent hover:border-blue-400 rounded"
           >
             Contributors
           </Link>
diff --git a/src/pages/Signup/Signup.tsx b/src/pages/Signup/Signup.tsx
index d03a921..29f5e9f 100644
--- a/src/pages/Signup/Signup.tsx
+++ b/src/pages/Signup/Signup.tsx
@@ -3,6 +3,7 @@ import axios from "axios";
 import { useNavigate ,Link } from "react-router-dom";
 import { User, Mail, Lock } from "lucide-react";
 const backendUrl = import.meta.env.VITE_BACKEND_URL;
+console.log("Backend URL:", backendUrl);
 interface SignUpFormData {
   username: string;
   email: string;

From cdd00e9a6bf7f4c0e1a02dc8817fa9b56166b332 Mon Sep 17 00:00:00 2001
From: SiddhiMohite20 <mohitesiddhi811@gmail.com>
Date: Sun, 17 May 2026 13:19:26 +0530
Subject: [PATCH 4/6] fixed nabvar issue

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

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index b9e6676..4a34c2f 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -36,7 +36,7 @@ const Navbar: React.FC = () => {
           </Link>
           <Link
             to="/track"
-            className="text-lg font-medium text-black  hover:text-blue-600 transition-all px-2 py-1 border border-transparent hover:border-blue-400 rounded"
+            className="text-lg font-medium text-black dark:text-white  hover:text-blue-600 transition-all px-2 py-1 border border-transparent hover:border-blue-400 rounded"
           >
             Tracker
           </Link>

From 6c3a14e4891dd18ebf2524151c2f411c4df2cb9d Mon Sep 17 00:00:00 2001
From: SiddhiMohite20 <mohitesiddhi811@gmail.com>
Date: Sun, 17 May 2026 14:23:50 +0530
Subject: [PATCH 5/6] Remove debug console log

---
 src/pages/Signup/Signup.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Signup/Signup.tsx b/src/pages/Signup/Signup.tsx
index 29f5e9f..6343ebd 100644
--- a/src/pages/Signup/Signup.tsx
+++ b/src/pages/Signup/Signup.tsx
@@ -3,7 +3,7 @@ import axios from "axios";
 import { useNavigate ,Link } from "react-router-dom";
 import { User, Mail, Lock } from "lucide-react";
 const backendUrl = import.meta.env.VITE_BACKEND_URL;
-console.log("Backend URL:", backendUrl);
+
 interface SignUpFormData {
   username: string;
   email: string;

From e708cc874b7a0d21b086893e440fcd81c05e6308 Mon Sep 17 00:00:00 2001
From: SiddhiMohite20 <mohitesiddhi811@gmail.com>
Date: Sun, 17 May 2026 17:21:07 +0530
Subject: [PATCH 6/6] fix navbar

---
 src/components/Navbar.tsx | 203 +++++++++++++++-----------------------
 1 file changed, 79 insertions(+), 124 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index b53d75c..8e60e33 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,174 +1,129 @@
 import { NavLink, Link } from "react-router-dom";
 import { useState, useContext } from "react";
 import { ThemeContext } from "../context/ThemeContext";
-import { Moon, Sun, Menu, X, UserPlus } from 'lucide-react';
+import { Moon, Sun, Menu, X, UserPlus } from "lucide-react";
 
 const Navbar: React.FC = () => {
   const [isOpen, setIsOpen] = useState<boolean>(false);
   const themeContext = useContext(ThemeContext);
 
   if (!themeContext) return null;
+
   const { toggleTheme, mode } = themeContext;
 
-  return (
-    <nav className="sticky top-0 z-50 bg-white dark:bg-gray-900 text-black dark:text-white border-b border-gray-100 dark:border-gray-800 transition-colors duration-300">
-      <div className="container mx-auto px-6 py-4 flex justify-between items-center">
-        {/* Logo Section */}
-        <Link
-          to="/"
-          className="text-2xl font-bold hover:text-blue-500 cursor-pointer flex items-center"
-        >
-          <img src="/crl-icon.png" alt="CRL Icon" className="h-8 mr-2" />
-          GitHub Tracker
-        </Link>
-
-        {/* Desktop Links */}
-        <div className="hidden md:flex space-x-6">
-          <Link
-            to="/"
-            className="text-lg font-medium hover:text-blue-600 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
-          >
-            Home
-          </Link>
-          <Link
-            to="/track"
-            className="text-lg font-medium text-black dark:text-white  hover:text-blue-600 transition-all px-2 py-1 border border-transparent hover:border-blue-400 rounded"
-          >
-            Tracker
-          </Link>
-          <Link
-            to="/contributors"
-            className="text-lg font-medium hover:text-blue-600 transition-all px-2 py-1 border border-transparent hover:border-blue-400 rounded"
-          >
-            Contributors
-          </Link>
-          <Link
-            to="/login"
-            className="text-lg font-medium hover:text-blue-600 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
-          >
-            Login
-  const navLinkStyles = ({ isActive }: { isActive: boolean }) => 
-    `px-5 py-2 rounded-full text-lg font-semibold transition-all duration-300 
-    ${isActive 
-      ? "text-blue-600 bg-blue-100/60 dark:bg-blue-900/40 shadow-sm ring-1 ring-blue-200/50" 
-      : "text-slate-600 dark:text-gray-300 hover:text-blue-500 hover:bg-white/50"
+  const navLinkStyles = ({ isActive }: { isActive: boolean }) =>
+    `px-5 py-2 rounded-full text-lg font-semibold transition-all duration-300 ${
+      isActive
+        ? "text-blue-600 bg-blue-100/60 dark:bg-blue-900/40 shadow-sm"
+        : "text-slate-600 dark:text-gray-300 hover:text-blue-500"
     }`;
 
   return (
-    <nav className="sticky top-0 z-50 w-full bg-indigo-50/70 dark:bg-gray-900/95 backdrop-blur-xl border-b border-indigo-100/50 dark:border-gray-800 shadow-sm transition-all duration-300">
+    <nav className="sticky top-0 z-50 w-full bg-indigo-50/70 dark:bg-gray-900/95 backdrop-blur-xl border-b border-indigo-100/50 dark:border-gray-800 shadow-sm">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="flex justify-between items-center h-20">
-          
-          <Link to="/" className="flex items-center shrink-0 group transition-all active:scale-95">
-            <img src="/crl-icon.png" alt="CRL Icon" className="h-10 w-10 mr-3 drop-shadow-md group-hover:rotate-6 transition-transform" />
+
+          <Link to="/" className="flex items-center shrink-0">
+            <img
+              src="/crl-icon.png"
+              alt="CRL Icon"
+              className="h-10 w-10 mr-3"
+            />
             <div className="flex items-center tracking-tight">
-              <span className="text-2xl font-extrabold text-slate-900 dark:text-white">GitHub</span>
-              <span className="text-2xl font-extrabold text-blue-600 ml-1">Tracker</span>
+              <span className="text-2xl font-extrabold text-slate-900 dark:text-white">
+                GitHub
+              </span>
+              <span className="text-2xl font-extrabold text-blue-600 ml-1">
+                Tracker
+              </span>
             </div>
           </Link>
 
           <div className="hidden lg:flex items-center justify-center flex-1 space-x-1">
-            <NavLink to="/" className={navLinkStyles}>Home</NavLink>
-            <NavLink to="/track" className={navLinkStyles}>Tracker</NavLink>
-            <NavLink to="/contributors" className={navLinkStyles}>Contributors</NavLink>
+            <NavLink to="/" className={navLinkStyles}>
+              Home
+            </NavLink>
+
+            <NavLink to="/track" className={navLinkStyles}>
+              Tracker
+            </NavLink>
+
+            <NavLink to="/contributors" className={navLinkStyles}>
+              Contributors
+            </NavLink>
           </div>
 
-      {/* Mobile Links */}
-      {isOpen && (
-        <div className="md:hidden bg-white dark:bg-gray-800 text-black dark:text-white">
-          <div className="space-y-4 px-6 py-4">
-            <Link
-              to="/"
-              className="block text-lg font-medium hover:text-blue-600 transition-all px-2 py-1 border border-transparent hover:border-black rounded"
-              onClick={() => setIsOpen(false)}
-            >
-              Home
-            </Link>
-            <Link
-              to="/about"
-              className="block text-lg font-medium hover:text-blue-00 transition-all px-2 py-1 border border-transparent hover:border-black rounded"
-              onClick={() => setIsOpen(false)}
-            >
-              About
-            </Link>
-            <Link
-              to="/contact"
-              className="block text-lg font-medium hover:text-blue-500 transition-all px-2 py-1 border border-transparent hover:border-black rounded"
-              onClick={() => setIsOpen(false)}
+          <div className="hidden lg:flex items-center space-x-5">
+            <button
+              onClick={toggleTheme}
+              className="p-2.5 rounded-full text-slate-500 dark:text-gray-400"
             >
-              Contact
-            </Link>
+              {mode === "dark" ? (
+                <Sun className="h-5 w-5" />
+              ) : (
+                <Moon className="h-5 w-5" />
+              )}
+            </button>
+
             <Link
-              to="/contributors"
-              className="block text-lg font-medium hover:text-blue-500 transition-all px-2 py-1 border border-transparent hover:border-black rounded"
-              onClick={() => setIsOpen(false)}
+              to="/login"
+              className="text-lg font-bold text-slate-700 dark:text-gray-200 hover:text-blue-600"
             >
-              Contributors
+              Login
             </Link>
-            <Link
-              to="/login"
-              className="block text-lg font-medium hover:text-blue-500 transition-all px-2 py-1 border border-transparent hover:border-black rounded"
-              onClick={() => setIsOpen(false)}
-          <div className="hidden lg:flex items-center space-x-5">
-            <div className="h-8 w-[1.5px] bg-indigo-200/60 dark:bg-gray-700 mx-2 rounded-full" />
 
-            <button
-              onClick={toggleTheme}
-              className="p-2.5 rounded-full text-slate-500 dark:text-gray-400 bg-white/40 dark:bg-gray-800/40 hover:bg-white transition-all shadow-sm"
-              aria-label={mode === 'dark' ? "Switch to light mode" : "Switch to dark mode"}
+            <Link
+              to="/signup"
+              className="flex items-center space-x-2 px-7 py-3 text-lg font-bold text-white bg-blue-600 rounded-full"
             >
-              {mode === "dark" ? <Sun className="h-5 w-5" /> : <Moon className="h-5 w-5" />}
-            </button>
-            
-            <Link to="/login" className="text-lg font-bold text-slate-700 dark:text-gray-200 hover:text-blue-600 px-2">Login</Link>
-            <Link to="/signup" className="flex items-center space-x-2 px-7 py-3 text-lg font-bold text-white bg-blue-600 rounded-full hover:shadow-lg transition-all active:scale-95">
               <UserPlus className="h-5 w-5" />
               <span>Sign Up</span>
             </Link>
           </div>
 
           <div className="lg:hidden flex items-center space-x-3">
-            <button onClick={toggleTheme} className="p-2 text-slate-500 dark:text-gray-400" aria-label="Toggle theme">
-              {mode === "dark" ? <Sun className="h-6 w-6" /> : <Moon className="h-6 w-6" />}
+            <button
+              onClick={toggleTheme}
+              className="p-2 text-slate-500 dark:text-gray-400"
+            >
+              {mode === "dark" ? (
+                <Sun className="h-6 w-6" />
+              ) : (
+                <Moon className="h-6 w-6" />
+              )}
             </button>
-            
+
             <button
               onClick={() => setIsOpen(!isOpen)}
-              className="p-2.5 rounded-2xl bg-white/80 dark:bg-gray-800 text-slate-900 dark:text-white"
-              aria-label="Toggle navigation menu"
-              aria-expanded={isOpen}
+              className="p-2.5 rounded-2xl bg-white/80 dark:bg-gray-800"
             >
-              {isOpen ? <X className="h-7 w-7" /> : <Menu className="h-7 w-7" />}
+              {isOpen ? (
+                <X className="h-7 w-7" />
+              ) : (
+                <Menu className="h-7 w-7" />
+              )}
             </button>
           </div>
         </div>
       </div>
 
-      {/* Mobile Menu Panel */}
-      <div className={`
-        lg:hidden overflow-hidden transition-all duration-500 ease-in-out bg-indigo-50/95 dark:bg-gray-900/95 backdrop-blur-xl
-        ${isOpen 
-          ? "max-h-[600px] opacity-100 border-t border-indigo-100/50 dark:border-gray-800 shadow-2xl visible" 
-          : "max-h-0 opacity-0 invisible"
-        }
-      `}>
-        <div className="px-5 py-10 space-y-4">
-          <MobileNavLink to="/" onClick={() => setIsOpen(false)}>Home</MobileNavLink>
-          <MobileNavLink to="/track" onClick={() => setIsOpen(false)}>Tracker</MobileNavLink>
-          <MobileNavLink to="/contributors" onClick={() => setIsOpen(false)}>Contributors</MobileNavLink>
-          
-          <div className="pt-8 mt-6 border-t border-indigo-100/50 dark:border-gray-800 grid grid-cols-2 gap-5">
-            <Link to="/login" className="flex items-center justify-center py-4 text-lg font-bold text-slate-700 dark:text-gray-200 bg-white/60 dark:bg-gray-800/60 rounded-2xl border border-indigo-100/50 dark:border-gray-700" onClick={() => setIsOpen(false)}>Login</Link>
-            <Link to="/signup" className="flex items-center justify-center py-4 text-lg font-bold text-white bg-blue-600 rounded-2xl shadow-lg" onClick={() => setIsOpen(false)}>Sign Up</Link>
-          </div>
+      {isOpen && (
+        <div className="lg:hidden px-5 py-6 space-y-4 bg-indigo-50 dark:bg-gray-900">
+          <NavLink to="/" className={navLinkStyles}>
+            Home
+          </NavLink>
+
+          <NavLink to="/track" className={navLinkStyles}>
+            Tracker
+          </NavLink>
+
+          <NavLink to="/contributors" className={navLinkStyles}>
+            Contributors
+          </NavLink>
         </div>
-      </div>
+      )}
     </nav>
   );
 };
 
-const MobileNavLink = ({ to, children, onClick }: { to: string, children: React.ReactNode, onClick: () => void }) => (
-  <NavLink to={to} onClick={onClick} className={({ isActive }) => `block px-6 py-4 rounded-2xl text-xl font-bold transition-all ${isActive ? "bg-blue-600 text-white shadow-lg translate-x-2" : "text-slate-600 dark:text-gray-400 hover:bg-white/40 dark:hover:bg-gray-800/40"}`}>{children}</NavLink>
-);
-
 export default Navbar;
\ No newline at end of file