added workflow pipline

Author: indresh404

.github/workflows/ci.yml

@@ -0,0 +1,31 @@
+name: CI Checks
+
+on:
+  pull_request:
+    branches: [ main ]
+  push:
+    branches: [ main ]
+
+jobs:
+  ci:
+    name: CI Check (Lint & Build)
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run Linter
+        run: npm run lint
+
+      - name: Build Application
+        run: npm run build

eslint.config.js

@@ -17,5 +17,12 @@ export default defineConfig([
       globals: globals.browser,
       parserOptions: { ecmaFeatures: { jsx: true } },
     },
+    rules: {
+      'no-unused-vars': 'warn',
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true }
+      ],
+    },
   },
 ])

src/components/layout/Navbar.jsx

@@ -9,7 +9,12 @@ export const Navbar = ({ toggleMobile, isMobileOpen }) => {
   const [notifications, setNotifications] = useState(mockNotifications);
   const [showNotifications, setShowNotifications] = useState(false);
   const [searchQuery, setSearchQuery] = useState("");
-  const [greeting, setGreeting] = useState("Hello");
+  const greeting = (() => {
+    const hours = new Date().getHours();
+    if (hours < 12) return "Good morning";
+    if (hours < 18) return "Good afternoon";
+    return "Good evening";
+  })();
   const notificationRef = useRef(null);
   const navigate = useNavigate();
 
@@ -24,14 +29,6 @@ export const Navbar = ({ toggleMobile, isMobileOpen }) => {
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
 
-  // Determine animated time greeting
-  useEffect(() => {
-    const hours = new Date().getHours();
-    if (hours < 12) setGreeting("Good morning");
-    else if (hours < 18) setGreeting("Good afternoon");
-    else setGreeting("Good evening");
-  }, []);
-
   const unreadCount = notifications.filter((n) => !n.read).length;
 
   const markAllAsRead = () => {

src/pages/Dashboard.jsx

@@ -10,26 +10,27 @@ import RankPreview from "../components/dashboard/RankPreview";
 import ActivityFeed from "../components/dashboard/ActivityFeed";
 import GradientButton from "../components/ui/GradientButton";
 
-export const Dashboard = () => {
-  // Generate dummy data for GitHub contribution graph mockup
-  // 52 weeks * 7 days = 364 cells. We'll show a compact 24-column grid (168 cells) for responsiveness.
-  const heatmapColors = [
-    "bg-slate-100 dark:bg-slate-800/40", // 0 contributions
-    "bg-violet-500/10 dark:bg-violet-500/10", // low
-    "bg-violet-500/30 dark:bg-violet-500/30", // medium-low
-    "bg-violet-500/60 dark:bg-violet-500/50", // medium-high
-    "bg-violet-600 dark:bg-violet-600" // high
-  ];
+// Generate dummy data for GitHub contribution graph mockup
+// 52 weeks * 7 days = 364 cells. We'll show a compact 24-column grid (168 cells) for responsiveness.
+const heatmapColors = [
+  "bg-slate-100 dark:bg-slate-800/40", // 0 contributions
+  "bg-violet-500/10 dark:bg-violet-500/10", // low
+  "bg-violet-500/30 dark:bg-violet-500/30", // medium-low
+  "bg-violet-500/60 dark:bg-violet-500/50", // medium-high
+  "bg-violet-600 dark:bg-violet-600" // high
+];
+
+const heatmapCells = Array.from({ length: 168 }, () => {
+  // Weighted distribution to look like actual active coding
+  const rand = Math.random();
+  if (rand < 0.35) return 0;
+  if (rand < 0.65) return 1;
+  if (rand < 0.8) return 2;
+  if (rand < 0.93) return 3;
+  return 4;
+});
 
-  const heatmapCells = Array.from({ length: 168 }, () => {
-    // Weighted distribution to look like actual active coding
-    const rand = Math.random();
-    if (rand < 0.35) return 0;
-    if (rand < 0.65) return 1;
-    if (rand < 0.8) return 2;
-    if (rand < 0.93) return 3;
-    return 4;
-  });
+export const Dashboard = () => {
 
   const challenges = [
     {

src/pages/Login.jsx

@@ -43,7 +43,7 @@ export const Login = () => {
 
 	{/* Back to Home */}
           <div className="flex justify-start -mb-2">
-            
+            <a
               href="/"
               className="group flex items-center gap-1 text-xs text-slate-400 hover:text-violet-400 transition-colors duration-200 font-semibold"
             >