diff --git a/backend/.env.example b/backend/.env.sample
similarity index 100%
rename from backend/.env.example
rename to backend/.env.sample
diff --git a/package.json b/package.json
index 7b1e40b..d41c21d 100644
--- a/package.json
+++ b/package.json
@@ -49,4 +49,5 @@
     "tailwindcss": "^3.4.14",
     "vite": "^5.4.10"
   }
+
 }
diff --git a/src/Routes/Login/Login.tsx b/src/Routes/Login/Login.tsx
deleted file mode 100644
index ba66cf5..0000000
--- a/src/Routes/Login/Login.tsx
+++ /dev/null
@@ -1,149 +0,0 @@
-import React, { useState, ChangeEvent, FormEvent, useContext } from "react";
-import axios from "axios";
-import { useNavigate } from "react-router-dom";
-import { ThemeContext } from "../../ThemeContext";
-import type { ThemeContextType } from "../../ThemeContext";
-
-const backendUrl = import.meta.env.VITE_BACKEND_URL;
-
-interface LoginFormData {
-  email: string;
-  password: string;
-}
-
-const Login: React.FC = () => {
-  const [formData, setFormData] = useState<LoginFormData>({ email: "", password: "" });
-  const [message, setMessage] = useState<string>("");
-  const [isLoading, setIsLoading] = useState<boolean>(false);
-
-  const navigate = useNavigate();
-  const themeContext = useContext(ThemeContext) as ThemeContextType;
-  const { mode } = themeContext;
-
-  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
-    const { name, value } = e.target;
-    setFormData({ ...formData, [name]: value });
-  };
-
-  const handleSubmit = async (e: FormEvent) => {
-    e.preventDefault();
-    setIsLoading(true);
-
-    try {
-      const response = await axios.post(`${backendUrl}/api/auth/login`, formData);
-      setMessage(response.data.message);
-
-      if (response.data.message === "Login successful") {
-        navigate("/home");
-      }
-    } catch (error: any) {
-      setMessage(error.response?.data?.message || "Something went wrong");
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  return (
-    <div
-      className={`min-h-screen w-full flex items-center justify-center relative overflow-hidden ${
-        mode === "dark"
-          ? "bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900"
-          : "bg-gradient-to-br from-slate-100 via-purple-100 to-slate-100"
-      }`}
-    >
-      {/* Background blobs */}
-      <div className="absolute inset-0 pointer-events-none">
-        <div className={`absolute -top-40 -right-40 w-96 h-96 ${mode === "dark" ? "bg-purple-500" : "bg-purple-300"} rounded-full blur-3xl opacity-30 animate-pulse`} />
-        <div className={`absolute -bottom-40 -left-40 w-96 h-96 ${mode === "dark" ? "bg-blue-500" : "bg-blue-300"} rounded-full blur-3xl opacity-30 animate-pulse`} />
-        <div className={`absolute top-40 left-40 w-96 h-96 ${mode === "dark" ? "bg-pink-500" : "bg-pink-300"} rounded-full blur-3xl opacity-30 animate-pulse`} />
-      </div>
-
-      {/* Login Card */}
-      <div className="relative w-full max-w-md px-6">
-        <div className="text-center mb-10">
-          <div className={`inline-flex items-center justify-center w-20 h-20 bg-white rounded-3xl mb-6 shadow-2xl overflow-hidden`}>
-            <img src="/crl-icon.png" alt="Logo" className="w-14 h-14 object-contain" />
-          </div>
-          <h1 className={`text-4xl font-bold bg-clip-text text-transparent mb-2 ${
-            mode === "dark" ? "bg-gradient-to-r from-purple-300 via-pink-300 to-indigo-300" : "bg-gradient-to-r from-purple-600 via-pink-600 to-indigo-600"
-          }`}>
-            GitHubTracker
-          </h1>
-          <p className={`${mode === "dark" ? "text-slate-300" : "text-gray-700"} text-lg font-medium`}>Track your GitHub journey</p>
-        </div>
-
-        {/* Form */}
-        <div className={`rounded-3xl p-10 shadow-2xl border ${
-          mode === "dark" ? "bg-white/10 backdrop-blur-xl border-white/20 text-white" : "bg-white border-gray-200 text-black"
-        }`}>
-          <h2 className={`text-2xl font-bold text-center mb-8 ${mode === "dark" ? "text-white" : "text-gray-800"}`}>Welcome Back</h2>
-
-          <form onSubmit={handleSubmit} className="space-y-6">
-            <input
-              type="email"
-              name="email"
-              placeholder="Enter your email"
-              value={formData.email}
-              onChange={handleChange}
-              autoComplete="username"
-              required
-              className={`w-full px-4 py-4 rounded-2xl focus:outline-none transition-all ${
-                mode === "dark"
-                  ? "bg-white/5 border border-white/10 text-white placeholder-slate-400 focus:ring-2 focus:ring-purple-500"
-                  : "bg-gray-100 border border-gray-300 text-gray-900 placeholder-gray-500 focus:ring-2 focus:ring-purple-400"
-              }`}
-            />
-
-            <input
-              type="password"
-              name="password"
-              autoComplete="current-password"
-              placeholder="Enter your password"
-              value={formData.password}
-              onChange={handleChange}
-              required
-              className={`w-full px-4 py-4 rounded-2xl focus:outline-none transition-all ${
-                mode === "dark"
-                  ? "bg-white/5 border border-white/10 text-white placeholder-slate-400 focus:ring-2 focus:ring-purple-500"
-                  : "bg-gray-100 border border-gray-300 text-gray-900 placeholder-gray-500 focus:ring-2 focus:ring-purple-400"
-              }`}
-            />
-
-            <button
-              type="submit"
-              disabled={isLoading}
-              className="w-full bg-gradient-to-r from-purple-600 via-pink-600 to-indigo-600 text-white py-4 px-6 rounded-2xl font-semibold focus:ring-4 focus:ring-purple-500/50 transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed"
-            >
-              {isLoading ? "Signing in..." : "Sign In"}
-            </button>
-          </form>
-
-          {message && (
-            <div className={`mt-6 p-4 rounded-2xl text-center text-sm font-medium ${
-              message === "Login successful"
-                ? "bg-green-500/20 text-green-300 border border-green-500/30"
-                : "bg-red-500/20 text-red-300 border border-red-500/30"
-            }`}>
-              {message}
-            </div>
-          )}
-        </div>
-
-        {/* Footer Text */}
-        <div className="text-center mt-8 pb-8">
-          <p className={`${mode === "dark" ? "text-slate-500" : "text-gray-600"} text-sm`}>
-            Don't have an account?
-            <a href="#" className="ml-1 text-purple-400 hover:text-purple-300 transition-colors duration-300">
-              Sign up here
-            </a>
-          </p>
-        </div>
-      </div>
-
-      {/* Lower gradient */}
-      <div className={`${mode === "dark" ? "from-slate-900" : "from-slate-100"} absolute bottom-0 left-0 w-full h-20 bg-gradient-to-t to-transparent`} />
-    </div>
-  );
-};
-
-export default Login;
\ No newline at end of file
diff --git a/src/hooks/useGitHubAuth.ts b/src/hooks/useGitHubAuth.ts
index 4ac6139..ad3ce52 100644
--- a/src/hooks/useGitHubAuth.ts
+++ b/src/hooks/useGitHubAuth.ts
@@ -20,4 +20,4 @@ export const useGitHubAuth = () => {
     setError,
     getOctokit,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/useGitHubData.ts b/src/hooks/useGitHubData.ts
index 9add583..d4d1161 100644
--- a/src/hooks/useGitHubData.ts
+++ b/src/hooks/useGitHubData.ts
@@ -59,4 +59,4 @@ export const useGitHubData = (octokit) => {
     error,
     fetchData,
   };
-};
\ No newline at end of file
+};