diff --git a/src/Routes/Router.tsx b/src/Routes/Router.tsx
index 40a7861..51eebc3 100644
--- a/src/Routes/Router.tsx
+++ b/src/Routes/Router.tsx
@@ -7,6 +7,7 @@ import Signup from "../pages/Signup/Signup.tsx";
 import Login from "../pages/Login/Login.tsx";
 import ContributorProfile from "../pages/ContributorProfile/ContributorProfile.tsx";
 import Home from "../pages/Home/Home.tsx";
+import Activity from "../pages/Activity.tsx"; 
 
 const Router = () => {
   return (
@@ -19,8 +20,11 @@ const Router = () => {
       <Route path="/contact" element={<Contact />} />
       <Route path="/contributors" element={<Contributors />} />
       <Route path="/contributor/:username" element={<ContributorProfile />} />
+
+      {/* ✅ new route */}
+      <Route path="/activity" element={<Activity />} />
     </Routes>
   );
 };
 
-export default Router;
+export default Router;
\ No newline at end of file
diff --git a/src/components/ActivityFeed.tsx b/src/components/ActivityFeed.tsx
new file mode 100644
index 0000000..d770dfe
--- /dev/null
+++ b/src/components/ActivityFeed.tsx
@@ -0,0 +1,89 @@
+import { useEffect, useState } from "react";
+
+interface EventType {
+  id: string;
+  type: string;
+  created_at: string;
+  repo?: {
+    name: string;
+  };
+}
+
+export default function ActivityFeed({ username }: { username: string }) {
+  const [events, setEvents] = useState<EventType[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  // 🕒 time ago function
+  const getTimeAgo = (dateString: string) => {
+    const diff = Math.floor(
+      (Date.now() - new Date(dateString).getTime()) / 1000
+    );
+
+    if (diff < 60) return `${diff}s ago`;
+    if (diff < 3600) return `${Math.floor(diff / 60)}m ago`;
+    if (diff < 86400) return `${Math.floor(diff / 3600)}h ago`;
+    return `${Math.floor(diff / 86400)}d ago`;
+  };
+
+  useEffect(() => {
+    const fetchEvents = async () => {
+      try {
+        setLoading(true);
+
+        const res = await fetch(
+          `https://api.github.com/users/${username}/events`
+        );
+        const data = await res.json();
+
+        setEvents(data);
+        setLoading(false);
+      } catch (err) {
+        console.error(err);
+        setLoading(false);
+      }
+    };
+
+    fetchEvents();
+
+    const interval = setInterval(fetchEvents, 30000);
+    return () => clearInterval(interval);
+  }, [username]);
+
+  return (
+    <div className="p-4">
+      <h2 className="text-xl font-bold mb-4 text-center">
+        Activity Feed
+      </h2>
+
+      {loading ? (
+        <p className="text-center">Loading...</p>
+      ) : events.length === 0 ? (
+        <p className="text-center">No activity found</p>
+      ) : (
+        events.slice(0, 10).map((event) => (
+          <div
+            key={event.id}
+            className="border rounded-lg p-3 mb-3 shadow-sm bg-white dark:bg-gray-700"
+          >
+            <p className="text-sm font-semibold">
+              {event.type === "PushEvent" && "🚀 Commit pushed"}
+              {event.type === "PullRequestEvent" && "🔀 Pull Request"}
+              {event.type === "IssuesEvent" && "🐛 Issue"}
+              {event.type === "WatchEvent" && "⭐ Starred repo"}
+              {![
+                "PushEvent",
+                "PullRequestEvent",
+                "IssuesEvent",
+                "WatchEvent",
+              ].includes(event.type) && event.type}
+            </p>
+
+            <p className="text-xs text-gray-500 mt-1">
+              {event.repo?.name} • {getTimeAgo(event.created_at)}
+            </p>
+          </div>
+        ))
+      )}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/pages/Activity.tsx b/src/pages/Activity.tsx
new file mode 100644
index 0000000..ccc3d20
--- /dev/null
+++ b/src/pages/Activity.tsx
@@ -0,0 +1,14 @@
+import ActivityFeed from "../components/ActivityFeed";
+export default function Activity() {
+  return (
+    <div className="w-full h-full p-6 bg-gray-50 dark:bg-gray-800">
+      <div className="max-w-2xl mx-auto">
+        <h1 className="text-2xl font-bold mb-4 text-center">
+          Live GitHub Activity
+        </h1>
+
+        <ActivityFeed username="octocat" />
+      </div>
+    </div>
+  );
+}
\ No newline at end of file