diff --git a/src/components/DeveloperSummary.tsx b/src/components/DeveloperSummary.tsx
new file mode 100644
index 00000000..a2a13de1
--- /dev/null
+++ b/src/components/DeveloperSummary.tsx
@@ -0,0 +1,105 @@
+import React, { useEffect, useState } from "react";
+import {
+  Paper,
+  Typography,
+  Box,
+  Avatar,
+  Chip,
+} from "@mui/material";
+
+interface DeveloperProfile {
+  name: string;
+  bio: string;
+  followers: number;
+  following: number;
+  public_repos: number;
+  avatar_url: string;
+}
+
+interface Props {
+  username: string;
+}
+
+const DeveloperSummary: React.FC<Props> = ({ username }) => {
+  const [profile, setProfile] =
+    useState<DeveloperProfile | null>(null);
+
+  useEffect(() => {
+    if (!username) return;
+
+    fetch(`https://api.github.com/users/${username}`)
+      .then((res) => res.json())
+      .then((data) => setProfile(data))
+      .catch(console.error);
+  }, [username]);
+
+  if (!profile) return null;
+
+  return (
+    <Paper
+      elevation={2}
+      sx={{
+        p: 3,
+        mb: 3,
+        borderRadius: 3,
+      }}
+    >
+      <Box
+        sx={{
+          display: "flex",
+          alignItems: "center",
+          gap: 2,
+          mb: 2,
+        }}
+      >
+        <Avatar
+          src={profile.avatar_url}
+          sx={{ width: 64, height: 64 }}
+        />
+
+        <Box>
+          <Typography variant="h6">
+            {profile.name || username}
+          </Typography>
+
+          {profile.bio && (
+            <Typography
+              variant="body2"
+              color="text.secondary"
+            >
+              {profile.bio}
+            </Typography>
+          )}
+        </Box>
+      </Box>
+
+      <Box
+        sx={{
+          display: "flex",
+          gap: 1,
+          flexWrap: "wrap",
+          mb: 2,
+        }}
+      >
+        <Chip
+          label={`${profile.public_repos} Repositories`}
+        />
+        <Chip
+          label={`${profile.followers} Followers`}
+        />
+        <Chip
+          label={`${profile.following} Following`}
+        />
+      </Box>
+
+      <Typography>
+        {profile.name || username} has{" "}
+        {profile.public_repos} public repositories and{" "}
+        {profile.followers} followers, showing active
+        participation in the GitHub community.
+      </Typography>
+    </Paper>
+  );
+};
+
+export default DeveloperSummary;
\ No newline at end of file
diff --git a/src/pages/Tracker/Tracker.tsx b/src/pages/Tracker/Tracker.tsx
index 576f39bf..4490dcd3 100644
--- a/src/pages/Tracker/Tracker.tsx
+++ b/src/pages/Tracker/Tracker.tsx
@@ -33,6 +33,8 @@ import { useTheme } from "@mui/material/styles";
 import { useGitHubAuth } from "../../hooks/useGitHubAuth";
 import { useGitHubData } from "../../hooks/useGitHubData";
 import { KeyIcon } from "lucide-react";
+import DeveloperSummary from "../../components/DeveloperSummary";
+
 
 const ROWS_PER_PAGE = 10;
 
@@ -241,7 +243,7 @@ const Home: React.FC = () => {
           </Box>
         </form>
       </Paper>
-
+      <DeveloperSummary username={username} />
       {/* Filters */}
       <Box sx={{ mb: 2, display: "flex", flexWrap: "wrap", gap: 2 }}>
         <TextField