From 2cb1147fed2d97bbf546e9a06adb2cc89a99fd5c Mon Sep 17 00:00:00 2001
From: Harshvardhan Rawat <fest.nov01@gmail.com>
Date: Mon, 1 Jun 2026 22:47:06 +0530
Subject: [PATCH] fix: Issue #898 - allow anonymous public profile viewing and
 redesign layout

---
 client/src/App.tsx                            |   1 +
 .../student/profile/PublicProfilePage.tsx     | 597 +++++++++++-------
 server/src/module/auth/auth.controller.ts     |  19 +-
 server/src/module/auth/auth.routes.ts         |   4 +-
 server/src/module/auth/auth.service.ts        |  24 +-
 5 files changed, 405 insertions(+), 240 deletions(-)

diff --git a/client/src/App.tsx b/client/src/App.tsx
index 80089124..418b1305 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -331,6 +331,7 @@ function App() {
           <Route path="/companies" element={<CompanyListOrRedirect />} />
           <Route path="/companies/:slug" element={<CompanyDetailOrRedirect />} />
           <Route path="/yc/:slug" element={<YCCompanyOrRedirect />} />
+          <Route path="/student/profile/public/:id" element={<PublicProfilePage />} />
 
 
  <Route path="/ats-score" element={<PublicAtsPage />} />
diff --git a/client/src/module/student/profile/PublicProfilePage.tsx b/client/src/module/student/profile/PublicProfilePage.tsx
index f3787bfe..0bd321b5 100644
--- a/client/src/module/student/profile/PublicProfilePage.tsx
+++ b/client/src/module/student/profile/PublicProfilePage.tsx
@@ -1,10 +1,11 @@
+import React from "react";
 import { useParams, useNavigate } from "react-router";
 import { useQuery } from "@tanstack/react-query";
 import { motion } from "framer-motion";
 import {
   ArrowLeft, MapPin, GraduationCap, Linkedin, Github, Globe,
   ExternalLink, FileText, ShieldCheck, Trophy, FolderGit2, Briefcase, Calendar,
-  Phone, Mail, Clock, User,
+  Phone, Mail, Clock, User, Lock,
 } from "lucide-react";
 import api from "../../../lib/axios";
 import { LoadingScreen } from "../../../components/LoadingScreen";
@@ -14,6 +15,9 @@ import { BadgesSection } from "../badges/BadgesSection";
 import ContributionGraphs from "../../../components/ContributionGraphs";
 import GitHubStatsCard from "./GitHubStatsCard";
 import type { ProjectItem, AchievementItem, VerifiedSkill } from "../../../lib/types";
+import { useAuthStore } from "../../../lib/auth.store";
+import { Navbar } from "../../../components/Navbar";
+import { Footer } from "../../../components/Footer";
 
 interface PublicProfile {
   id: number;
@@ -52,9 +56,9 @@ const fadeInUp = {
 
 function getJobStatusInfo(status: string | null | undefined) {
   const map: Record<string, { label: string; cls: string }> = {
-    LOOKING: { label: "Looking for job", cls: "bg-emerald-50 text-emerald-700 dark:bg-emerald-900/20 dark:text-emerald-400" },
-    OPEN_TO_OFFER: { label: "Open to offer", cls: "bg-blue-50 text-blue-700 dark:bg-blue-900/20 dark:text-blue-400" },
-    NO_OFFER: { label: "No offer", cls: "bg-gray-100 text-gray-500 dark:bg-gray-800 dark:text-gray-400" },
+    LOOKING: { label: "Looking for job", cls: "bg-emerald-500/10 text-emerald-700 dark:text-emerald-400 border border-emerald-500/20" },
+    OPEN_TO_OFFER: { label: "Open to offer", cls: "bg-blue-500/10 text-blue-700 dark:text-blue-400 border border-blue-500/20" },
+    NO_OFFER: { label: "No offer", cls: "bg-stone-500/10 text-stone-500 dark:text-stone-400 border border-stone-500/20" },
   };
   return status ? map[status] ?? null : null;
 }
@@ -75,23 +79,167 @@ function formatDate(dateStr: string) {
   return new Date(dateStr).toLocaleDateString("en-US", { month: "short", year: "numeric" });
 }
 
+// Memoized Stat Card Component
+const StatCard = React.memo(function StatCard({ value, label, colorClass }: { value: string | number; label: string; colorClass?: string }) {
+  return (
+    <div className="bg-white/50 dark:bg-stone-900/40 backdrop-blur-xs rounded-2xl border border-stone-200/65 dark:border-stone-850/65 p-4 text-center hover:scale-[1.02] hover:shadow-xs transition-all duration-300">
+      <p className={`text-2xl font-bold font-display ${colorClass || "text-indigo-600 dark:text-indigo-400"}`}>{value}</p>
+      <p className="text-[10px] font-bold text-stone-500 dark:text-stone-400 mt-1 uppercase tracking-wider">{label}</p>
+    </div>
+  );
+});
+
+// Memoized Project Card Component
+export const ProjectCard = React.memo(function ProjectCard({ p }: { p: ProjectItem }) {
+  return (
+    <div className="px-4 py-3.5 bg-stone-50/50 dark:bg-stone-800/30 rounded-xl border border-stone-200/60 dark:border-stone-800/60 hover:border-indigo-500/50 dark:hover:border-indigo-400/50 transition-all duration-300 hover:shadow-2xs group">
+      <div className="flex items-center gap-2 mb-1 justify-between">
+        <h4 className="text-sm font-bold text-stone-900 dark:text-stone-100 group-hover:text-indigo-650 dark:group-hover:text-indigo-400 transition-colors truncate max-w-[70%]">{p.title}</h4>
+        {p.builtAt && (
+          <span className="text-[10px] text-stone-500 dark:text-stone-400 font-mono flex items-center gap-1 shrink-0 bg-stone-200/50 dark:bg-stone-800/80 px-2 py-0.5 rounded-sm">
+            <Calendar className="w-3 h-3" /> {p.builtAt}
+          </span>
+        )}
+      </div>
+      <p className="text-xs text-stone-600 dark:text-stone-400 line-clamp-2 leading-relaxed">{p.description}</p>
+      {p.techStack.length > 0 && (
+        <div className="flex flex-wrap gap-1 mt-2.5">
+          {p.techStack.map((t, i) => (
+            <span key={i} className="px-2 py-0.5 text-[10px] font-medium bg-stone-100 dark:bg-stone-800/60 text-stone-600 dark:text-stone-300 rounded-md border border-stone-200/30 dark:border-stone-700/30">{t}</span>
+          ))}
+        </div>
+      )}
+      {(p.liveUrl || p.repoUrl) && (
+        <div className="flex gap-3 mt-3 pt-3 border-t border-stone-200/30 dark:border-stone-850/30">
+          {p.liveUrl && (
+            <a href={p.liveUrl} target="_blank" rel="noopener noreferrer" className="text-xs font-semibold text-indigo-600 dark:text-indigo-400 hover:underline flex items-center gap-1">
+              <ExternalLink className="w-3 h-3" /> Live
+            </a>
+          )}
+          {p.repoUrl && (
+            <a href={p.repoUrl} target="_blank" rel="noopener noreferrer" className="text-xs font-semibold text-stone-600 dark:text-stone-400 hover:underline flex items-center gap-1">
+              <Github className="w-3 h-3" /> Code
+            </a>
+          )}
+        </div>
+      )}
+    </div>
+  );
+});
+
+// Memoized Achievement Card Component
+export const AchievementCard = React.memo(function AchievementCard({ a }: { a: AchievementItem }) {
+  return (
+    <div className="flex items-start gap-3.5 px-4 py-3.5 bg-stone-50/50 dark:bg-stone-800/30 rounded-xl border border-stone-200/60 dark:border-stone-800/60 hover:border-rose-500/50 dark:hover:border-rose-400/50 transition-all duration-300 shadow-3xs">
+      <div className="w-9 h-9 rounded-lg bg-rose-50 dark:bg-rose-900/20 border border-rose-100 dark:border-rose-900/30 flex items-center justify-center shrink-0">
+        <Trophy className="w-4.5 h-4.5 text-rose-500 dark:text-rose-400" />
+      </div>
+      <div className="min-w-0 flex-1">
+        <div className="flex items-center justify-between gap-2">
+          <h4 className="text-sm font-bold text-stone-900 dark:text-stone-100">{a.title}</h4>
+          {a.date && (
+            <span className="text-[10px] text-stone-500 dark:text-stone-400 font-mono flex items-center gap-1 shrink-0 bg-stone-200/50 dark:bg-stone-800/80 px-2 py-0.5 rounded-sm">
+              <Calendar className="w-3 h-3" /> {a.date}
+            </span>
+          )}
+        </div>
+        <p className="text-xs text-stone-600 dark:text-stone-400 mt-1 leading-relaxed">{a.description}</p>
+      </div>
+    </div>
+  );
+});
+
 export default function PublicProfilePage() {
   const { id } = useParams();
   const navigate = useNavigate();
+  const { user } = useAuthStore();
 
   const { data: profile, isLoading, error } = useQuery({
     queryKey: ["public-profile", id],
     queryFn: () => api.get(`/auth/profile/${id}`).then((res) => res.data.profile as PublicProfile),
     enabled: !!id,
+    retry: false,
   });
 
+  const isPrivateError = error && (error as any).response?.status === 403;
+
   if (isLoading) return <LoadingScreen />;
+
+  if (isPrivateError) {
+    return (
+      <div className="min-h-screen bg-stone-50 dark:bg-stone-950 flex flex-col font-sans">
+        <Navbar />
+        <main className="flex-1 flex items-center justify-center px-4 py-24 sm:py-32">
+          <SEO title="Private Profile" noIndex />
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.5, ease: [0.22, 1, 0.36, 1] }}
+            className="max-w-md w-full text-center p-8 rounded-2xl bg-white/70 dark:bg-stone-900/75 backdrop-blur-md border border-stone-200/80 dark:border-stone-800/80 shadow-2xl relative overflow-hidden animate-fade-in"
+          >
+            {/* Subtle background glow */}
+            <div className="absolute -top-24 -left-24 w-48 h-48 bg-lime-400/10 dark:bg-lime-500/5 rounded-full blur-3xl" />
+            <div className="absolute -bottom-24 -right-24 w-48 h-48 bg-indigo-500/10 dark:bg-indigo-600/5 rounded-full blur-3xl" />
+
+            <div className="relative flex flex-col items-center">
+              {/* Lock Icon Container */}
+              <div className="w-16 h-16 rounded-2xl bg-linear-to-br from-amber-400 to-orange-500 p-[1px] shadow-lg mb-6">
+                <div className="w-full h-full rounded-2xl bg-white dark:bg-stone-950 flex items-center justify-center">
+                  <Lock className="w-7 h-7 text-amber-500 dark:text-amber-400" />
+                </div>
+              </div>
+
+              <h2 className="text-xl font-bold text-stone-900 dark:text-stone-100 mb-3 tracking-tight font-sans">
+                This Profile is Private
+              </h2>
+
+              <p className="text-sm text-stone-500 dark:text-stone-400 leading-relaxed mb-8">
+                The student has configured their profile to be visible only to authorized recruiters and administrators.
+                {user ? (
+                  " Since you are logged in as a student, you do not have permission to view other students' private profiles."
+                ) : (
+                  " If you are a recruiter or administrator, please sign in to view this profile."
+                )}
+              </p>
+
+              <div className="flex flex-col sm:flex-row gap-3 w-full justify-center">
+                {!user && (
+                  <Button
+                    variant="primary"
+                    onClick={() => navigate(`/login?redirectTo=${encodeURIComponent(window.location.pathname)}`)}
+                    className="w-full sm:w-auto px-6 py-2.5 font-medium shadow-xs transition-all hover:scale-[1.02]"
+                  >
+                    Sign In
+                  </Button>
+                )}
+                <Button
+                  variant="secondary"
+                  onClick={() => navigate(-1)}
+                  className="w-full sm:w-auto px-6 py-2.5 font-medium border border-stone-200 dark:border-stone-850 transition-all hover:scale-[1.02]"
+                >
+                  Go Back
+                </Button>
+              </div>
+            </div>
+          </motion.div>
+        </main>
+        <Footer />
+      </div>
+    );
+  }
+
   if (error || !profile) {
     return (
-      <div className="text-center py-20">
-        <h2 className="text-xl font-bold text-gray-950 dark:text-white mb-2">Profile not found</h2>
-        <p className="text-gray-500 mb-4">This student profile doesn't exist or you don't have permission to view it.</p>
-        <Button variant="primary" mode="link" onClick={() => navigate(-1)} className="text-indigo-600 dark:text-indigo-400 hover:underline">Go back</Button>
+      <div className="min-h-screen bg-stone-50 dark:bg-stone-950 flex flex-col font-sans">
+        <Navbar />
+        <main className="flex-1 flex items-center justify-center py-32 px-4">
+          <div className="text-center max-w-md w-full">
+            <h2 className="text-xl font-bold text-stone-950 dark:text-white mb-2">Profile not found</h2>
+            <p className="text-stone-500 mb-6">This student profile doesn't exist or you don't have permission to view it.</p>
+            <Button variant="primary" onClick={() => navigate(-1)}>Go Back</Button>
+          </div>
+        </main>
+        <Footer />
       </div>
     );
   }
@@ -100,256 +248,257 @@ export default function PublicProfilePage() {
   const jobStatusInfo = getJobStatusInfo(profile.jobStatus);
 
   return (
-    <div className="relative pb-12 max-w-5xl mx-auto">
+    <div className="min-h-screen bg-[#fafafa] dark:bg-stone-950 flex flex-col font-sans">
       <SEO
-  title={`${profile.name} — InternHack Profile`}
-  description={`${profile.name}'s skills: ${profile.skills.slice(0, 5).join(", ")}${profile.skills.length > 5 ? " and more" : ""}. ${profile.bio ? profile.bio.slice(0, 100) : "View their projects, achievements, and verified skills on InternHack."}`}
-  ogImage={profile.profilePic || undefined}
-  ogType="profile"
-  canonicalUrl={`https://internhack.xyz/student/profile/${profile.id}`}
-/>
-
-      {/* Back button */}
-      <motion.button
-        initial={{ opacity: 0, x: -10 }}
-        animate={{ opacity: 1, x: 0 }}
-        onClick={() => navigate(-1)}
-        className="flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white mb-6 transition-colors"
-      >
-        <ArrowLeft className="w-4 h-4" /> Back
-      </motion.button>
-
-      {/* ── Hero Card with Cover Image ── */}
-      <motion.div custom={0} variants={fadeInUp} initial="hidden" animate="visible"
-        className="bg-white dark:bg-gray-900 rounded-2xl border border-gray-100 dark:border-gray-800 overflow-hidden mb-6">
-        {/* Cover / Banner */}
-        <div className="h-36 relative">
-          {profile.coverImage ? (
-            <img src={profile.coverImage} alt="" className="w-full h-full object-cover" />
-          ) : (
-            <div className="w-full h-full bg-linear-to-br from-indigo-500 via-violet-500 to-purple-500">
-              <div className="absolute inset-0 opacity-15" style={{ backgroundImage: "radial-gradient(circle at 1px 1px, rgba(255,255,255,0.3) 1px, transparent 0)", backgroundSize: "20px 20px" }} />
-            </div>
-          )}
-        </div>
+        title={`${profile.name} — InternHack Profile`}
+        description={`${profile.name}'s skills: ${profile.skills.slice(0, 5).join(", ")}${profile.skills.length > 5 ? " and more" : ""}. ${profile.bio ? profile.bio.slice(0, 100) : "View their projects, achievements, and verified skills on InternHack."}`}
+        ogImage={profile.profilePic || undefined}
+        ogType="profile"
+        canonicalUrl={`https://internhack.xyz/student/profile/${profile.id}`}
+      />
+      <Navbar />
 
-        {/* Profile Info */}
-        <div className="px-6 pb-6 -mt-14 relative">
-          <div className="flex items-end gap-5">
-            <div className="w-28 h-28 rounded-2xl bg-white dark:bg-gray-800 border-4 border-white dark:border-gray-900 shadow-lg text-gray-900 dark:text-white flex items-center justify-center text-3xl font-bold overflow-hidden shrink-0">
-              {profile.profilePic ? (
-                <img src={profile.profilePic} alt={profile.name} className="w-28 h-28 rounded-2xl object-cover" onError={(e) => { e.currentTarget.style.display = "none"; }} />
-              ) : (
-                <User className="w-12 h-12 text-gray-400 dark:text-gray-500" />
-              )}
-            </div>
-            <div className="pb-1 min-w-0 flex-1">
-              <div className="flex items-center gap-2 flex-wrap">
-                <h1 className="text-xl font-bold text-gray-950 dark:text-white">{profile.name}</h1>
-                {jobStatusInfo && (
-                  <span className={`text-xs font-medium px-2.5 py-0.5 rounded-lg ${jobStatusInfo.cls}`}>{jobStatusInfo.label}</span>
+      <main className="flex-1 max-w-5xl w-full mx-auto px-4 sm:px-6 lg:px-8 pt-24 pb-16 md:pt-28 md:pb-24">
+        {/* Back button */}
+        <motion.button
+          initial={{ opacity: 0, x: -10 }}
+          animate={{ opacity: 1, x: 0 }}
+          onClick={() => navigate(-1)}
+          className="flex items-center gap-2 text-sm text-stone-500 dark:text-stone-400 hover:text-stone-900 dark:hover:text-white mb-6 transition-colors font-medium border border-stone-200/80 dark:border-stone-800/80 bg-white/70 dark:bg-stone-900/50 backdrop-blur-xs px-3.5 py-1.5 rounded-xl shadow-2xs hover:scale-[1.01]"
+        >
+          <ArrowLeft className="w-4 h-4" /> Back
+        </motion.button>
+
+        {/* ── Hero Card with Cover Image ── */}
+        <motion.div custom={0} variants={fadeInUp} initial="hidden" animate="visible"
+          className="bg-white/70 dark:bg-stone-900/75 backdrop-blur-md border border-stone-200/80 dark:border-stone-800/80 shadow-lg rounded-2xl overflow-hidden mb-6 hover:shadow-xl transition-all duration-300">
+          {/* Cover / Banner */}
+          <div className="h-36 sm:h-44 md:h-48 relative">
+            {profile.coverImage ? (
+              <img src={profile.coverImage} alt="" className="w-full h-full object-cover" />
+            ) : (
+              <div className="w-full h-full bg-linear-to-r from-indigo-650 via-violet-600 to-lime-500">
+                <div className="absolute inset-0 opacity-15 animate-pulse" style={{ backgroundImage: "radial-gradient(circle at 1px 1px, rgba(255,255,255,0.35) 1px, transparent 0)", backgroundSize: "20px 20px" }} />
+              </div>
+            )}
+          </div>
+
+          {/* Profile Info Layout (Responsive Flex/Grid) */}
+          <div className="px-6 pb-6 -mt-14 sm:-mt-16 relative">
+            <div className="flex flex-col sm:flex-row items-center sm:items-end gap-4 sm:gap-6 text-center sm:text-left">
+              <div className="w-28 h-28 sm:w-32 sm:h-32 rounded-2xl bg-white dark:bg-stone-800 border-4 border-white dark:border-stone-900 shadow-md text-stone-900 dark:text-white flex items-center justify-center text-3xl font-bold overflow-hidden shrink-0">
+                {profile.profilePic ? (
+                  <img src={profile.profilePic} alt={profile.name} className="w-full h-full object-cover" onError={(e) => { e.currentTarget.style.display = "none"; }} />
+                ) : (
+                  <User className="w-12 h-12 text-stone-400 dark:text-stone-500" />
+                )}
+              </div>
+              <div className="pb-1 min-w-0 flex-1">
+                <div className="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-3 justify-center sm:justify-start">
+                  <h1 className="text-xl sm:text-2xl font-bold text-stone-950 dark:text-white tracking-tight">{profile.name}</h1>
+                  {jobStatusInfo && (
+                    <span className={`text-[10px] font-bold px-2.5 py-0.5 rounded-lg inline-block uppercase tracking-wider max-w-fit mx-auto sm:mx-0 ${jobStatusInfo.cls}`}>
+                      {jobStatusInfo.label}
+                    </span>
+                  )}
+                </div>
+                {(profile.designation || profile.company) && (
+                  <p className="text-sm font-medium text-stone-600 dark:text-stone-400 mt-1">
+                    {profile.designation}{profile.designation && profile.company ? " at " : ""}{profile.company}
+                  </p>
                 )}
               </div>
-              {(profile.designation || profile.company) && (
-                <p className="text-sm text-gray-600 dark:text-gray-400 mt-0.5">
-                  {profile.designation}{profile.designation && profile.company ? " at " : ""}{profile.company}
-                </p>
+            </div>
+
+            {profile.bio && <p className="text-sm text-stone-600 dark:text-stone-300 mt-5 leading-relaxed font-sans">{profile.bio}</p>}
+
+            {/* Contact & Info Grid */}
+            <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-y-2.5 gap-x-6 mt-5 pt-4 border-t border-stone-200/40 dark:border-stone-800/40 text-xs text-stone-500 dark:text-stone-400">
+              <span className="inline-flex items-center justify-center sm:justify-start gap-1.5"><Mail className="w-3.5 h-3.5 text-indigo-500" /> {profile.email}</span>
+              {profile.contactNo && <span className="inline-flex items-center justify-center sm:justify-start gap-1.5"><Phone className="w-3.5 h-3.5 text-emerald-500" /> {profile.contactNo}</span>}
+              {profile.college && (
+                <span className="inline-flex items-center justify-center sm:justify-start gap-1.5">
+                  <GraduationCap className="w-3.5 h-3.5 text-violet-500" /> {profile.college}
+                  {profile.graduationYear && <span className="opacity-70"> ({profile.graduationYear})</span>}
+                </span>
               )}
+              {profile.location && <span className="inline-flex items-center justify-center sm:justify-start gap-1.5"><MapPin className="w-3.5 h-3.5 text-rose-500" /> {profile.location}</span>}
+              {profile.createdAt && <span className="inline-flex items-center justify-center sm:justify-start gap-1.5"><Clock className="w-3.5 h-3.5 text-amber-500" /> Joined {formatDate(profile.createdAt)}</span>}
             </div>
-          </div>
 
-          {profile.bio && <p className="text-sm text-gray-500 dark:text-gray-400 mt-4 leading-relaxed">{profile.bio}</p>}
-
-          {/* Contact & Info Row */}
-          <div className="flex flex-wrap items-center gap-x-5 gap-y-2 mt-4 text-xs text-gray-500 dark:text-gray-400">
-            <span className="inline-flex items-center gap-1.5"><Mail className="w-3.5 h-3.5" /> {profile.email}</span>
-            {profile.contactNo && <span className="inline-flex items-center gap-1.5"><Phone className="w-3.5 h-3.5" /> {profile.contactNo}</span>}
-            {profile.college && (
-              <span className="inline-flex items-center gap-1.5">
-                <GraduationCap className="w-3.5 h-3.5" /> {profile.college}
-                {profile.graduationYear && <span className="opacity-70">({profile.graduationYear})</span>}
-              </span>
+            {/* Social Links */}
+            {(profile.linkedinUrl || profile.githubUrl || profile.portfolioUrl) && (
+              <div className="flex flex-wrap justify-center sm:justify-start gap-2 mt-5 pt-4 border-t border-stone-200/40 dark:border-stone-800/40">
+                {profile.linkedinUrl && (
+                  <a href={profile.linkedinUrl} target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-1.5 px-3.5 py-1.5 text-xs font-semibold rounded-xl bg-blue-50 dark:bg-blue-900/20 text-blue-650 dark:text-blue-400 hover:scale-[1.02] transition-transform">
+                    <Linkedin className="w-3.5 h-3.5" /> LinkedIn
+                  </a>
+                )}
+                {profile.githubUrl && (
+                  <a href={profile.githubUrl} target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-1.5 px-3.5 py-1.5 text-xs font-semibold rounded-xl bg-stone-100 dark:bg-stone-800 text-stone-700 dark:text-stone-300 hover:scale-[1.02] transition-transform">
+                    <Github className="w-3.5 h-3.5" /> GitHub
+                  </a>
+                )}
+                {profile.portfolioUrl && (
+                  <a href={profile.portfolioUrl} target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-1.5 px-3.5 py-1.5 text-xs font-semibold rounded-xl bg-violet-50 dark:bg-violet-900/20 text-violet-650 dark:text-violet-400 hover:scale-[1.02] transition-transform">
+                    <Globe className="w-3.5 h-3.5" /> Portfolio
+                  </a>
+                )}
+              </div>
             )}
-            {profile.location && <span className="inline-flex items-center gap-1.5"><MapPin className="w-3.5 h-3.5" /> {profile.location}</span>}
-            {profile.createdAt && <span className="inline-flex items-center gap-1.5"><Clock className="w-3.5 h-3.5" /> Joined {formatDate(profile.createdAt)}</span>}
           </div>
+        </motion.div>
 
-          {/* Social Links */}
-          {(profile.linkedinUrl || profile.githubUrl || profile.portfolioUrl) && (
-            <div className="flex gap-2 mt-4 pt-4 border-t border-gray-100 dark:border-gray-800">
-              {profile.linkedinUrl && (
-                <a href={profile.linkedinUrl} target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400 hover:bg-blue-100 dark:hover:bg-blue-900/30 transition-colors">
-                  <Linkedin className="w-3.5 h-3.5" /> LinkedIn
-                </a>
-              )}
-              {profile.githubUrl && (
-                <a href={profile.githubUrl} target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors">
-                  <Github className="w-3.5 h-3.5" /> GitHub
-                </a>
-              )}
-              {profile.portfolioUrl && (
-                <a href={profile.portfolioUrl} target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-violet-50 dark:bg-violet-900/20 text-violet-600 dark:text-violet-400 hover:bg-violet-100 dark:hover:bg-violet-900/30 transition-colors">
-                  <Globe className="w-3.5 h-3.5" /> Portfolio
-                </a>
-              )}
-            </div>
+        {/* ── Stats Cards Row ── */}
+        <motion.div custom={1} variants={fadeInUp} initial="hidden" animate="visible"
+          className={`grid grid-cols-2 gap-3 mb-6 ${profile.bestAtsScore !== null ? "sm:grid-cols-4" : "sm:grid-cols-3"}`}>
+          {profile.bestAtsScore !== null && (
+            <StatCard
+              value={profile.bestAtsScore}
+              label="Best ATS Score"
+              colorClass={profile.bestAtsScore >= 80 ? "text-emerald-600 dark:text-emerald-400" : profile.bestAtsScore >= 60 ? "text-amber-600 dark:text-amber-400" : "text-red-500 dark:text-red-400"}
+            />
           )}
-        </div>
-      </motion.div>
-
-      {/* ── Stats Row ── */}
-      <motion.div custom={1} variants={fadeInUp} initial="hidden" animate="visible"
-        className="grid grid-cols-2 sm:grid-cols-4 gap-3 mb-6">
-        {profile.bestAtsScore !== null && (
-          <div className="bg-white dark:bg-gray-900 rounded-xl border border-gray-100 dark:border-gray-800 p-4 text-center">
-            <p className={`text-2xl font-bold ${profile.bestAtsScore >= 80 ? "text-emerald-600" : profile.bestAtsScore >= 60 ? "text-amber-600" : "text-red-500"}`}>{profile.bestAtsScore}</p>
-            <p className="text-xs text-gray-500 dark:text-gray-500 mt-1">Best ATS Score</p>
-          </div>
-        )}
-        <div className="bg-white dark:bg-gray-900 rounded-xl border border-gray-100 dark:border-gray-800 p-4 text-center">
-          <p className="text-2xl font-bold text-indigo-600 dark:text-indigo-400">{profile.verifiedSkills.length}</p>
-          <p className="text-xs text-gray-500 dark:text-gray-500 mt-1">Verified Skills</p>
-        </div>
-        <div className="bg-white dark:bg-gray-900 rounded-xl border border-gray-100 dark:border-gray-800 p-4 text-center">
-          <p className="text-2xl font-bold text-violet-600 dark:text-violet-400">{profile.projects.length}</p>
-          <p className="text-xs text-gray-500 dark:text-gray-500 mt-1">Projects</p>
-        </div>
-        <div className="bg-white dark:bg-gray-900 rounded-xl border border-gray-100 dark:border-gray-800 p-4 text-center">
-          <p className="text-2xl font-bold text-gray-700 dark:text-gray-300">{profile.resumes.length}</p>
-          <p className="text-xs text-gray-500 dark:text-gray-500 mt-1">Resumes</p>
-        </div>
-      </motion.div>
-
-      {/* ── Content Grid ── */}
-      <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
-        {/* Left Column */}
-        <div className="lg:col-span-1 space-y-6">
-          {/* Skills */}
-          {profile.skills.length > 0 && (
+          <StatCard value={profile.verifiedSkills.length} label="Verified Skills" colorClass="text-indigo-600 dark:text-indigo-400" />
+          <StatCard value={profile.projects.length} label="Projects" colorClass="text-violet-600 dark:text-violet-400" />
+          <StatCard value={profile.resumes.length} label="Resumes" colorClass="text-stone-700 dark:text-stone-300" />
+        </motion.div>
+
+        {/* ── Content Grid (Responsive Layout) ── */}
+        <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
+          {/* Left Column */}
+          <div className="lg:col-span-1 space-y-6">
+            {/* Skills */}
             <motion.div custom={2} variants={fadeInUp} initial="hidden" animate="visible"
-              className="bg-white dark:bg-gray-900 rounded-2xl border border-gray-100 dark:border-gray-800 p-5">
-              <h3 className="text-sm font-semibold text-gray-950 dark:text-white mb-3 flex items-center gap-2">
+              className="bg-white/70 dark:bg-stone-900/75 backdrop-blur-md border border-stone-200/80 dark:border-stone-800/80 p-5 rounded-2xl shadow-xs">
+              <h3 className="text-sm font-bold text-stone-950 dark:text-white mb-3.5 flex items-center gap-2">
                 <Briefcase className="w-4 h-4 text-indigo-500" /> Skills
               </h3>
-              <div className="flex flex-wrap gap-1.5">
-                {profile.skills.map((skill) => {
-                  const v = verifiedMap.get(skill.toLowerCase());
-                  return (
-                    <span key={skill} className={`inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded-lg font-medium ${v ? "bg-green-50 dark:bg-green-900/20 text-green-700 dark:text-green-400" : "bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400"}`}>
-                      {v && <ShieldCheck className="w-3 h-3" />}
-                      {skill}
-                      {v && <span className="text-[10px] opacity-70">{v.score}%</span>}
-                    </span>
-                  );
-                })}
-              </div>
+              {profile.skills.length > 0 ? (
+                <div className="flex flex-wrap gap-1.5">
+                  {profile.skills.map((skill) => {
+                    const v = verifiedMap.get(skill.toLowerCase());
+                    return (
+                      <span key={skill} className={`inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded-lg font-medium transition-all ${v ? "bg-green-50 dark:bg-green-900/20 text-green-700 dark:text-green-400 border border-green-200/30 dark:border-green-800/35" : "bg-stone-100 dark:bg-stone-800/80 text-stone-600 dark:text-stone-400"}`}>
+                        {v && <ShieldCheck className="w-3 h-3 text-green-600 dark:text-green-450" />}
+                        {skill}
+                        {v && <span className="text-[9px] opacity-80 font-mono">({v.score}%)</span>}
+                      </span>
+                    );
+                  })}
+                </div>
+              ) : (
+                <div className="text-center py-6 border border-dashed border-stone-200/80 dark:border-stone-850/80 rounded-xl bg-stone-50/30 dark:bg-stone-800/10">
+                  <Briefcase className="w-8 h-8 text-stone-400 dark:text-stone-550 mx-auto mb-2" />
+                  <p className="text-xs text-stone-500 font-medium">No skills listed yet</p>
+                </div>
+              )}
             </motion.div>
-          )}
 
-          {/* Resumes */}
-          {profile.resumes.length > 0 && (
+            {/* Resumes */}
             <motion.div custom={3} variants={fadeInUp} initial="hidden" animate="visible"
-              className="bg-white dark:bg-gray-900 rounded-2xl border border-gray-100 dark:border-gray-800 p-5">
-              <h3 className="text-sm font-semibold text-gray-950 dark:text-white mb-3 flex items-center gap-2">
+              className="bg-white/70 dark:bg-stone-900/75 backdrop-blur-md border border-stone-200/80 dark:border-stone-800/80 p-5 rounded-2xl shadow-xs">
+              <h3 className="text-sm font-bold text-stone-950 dark:text-white mb-3.5 flex items-center gap-2">
                 <FileText className="w-4 h-4 text-violet-500" /> Resumes
               </h3>
-              <div className="space-y-2">
-                {profile.resumes.map((url) => (
-                  <a key={url} href={url} target="_blank" rel="noopener noreferrer"
-                    className="flex items-center gap-2.5 px-3 py-2.5 bg-gray-50 dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700 hover:border-indigo-200 dark:hover:border-indigo-800 transition-colors no-underline">
-                    <div className="w-7 h-7 rounded-lg bg-indigo-50 dark:bg-indigo-900/20 flex items-center justify-center shrink-0">
-                      <FileText className="w-3.5 h-3.5 text-indigo-500 dark:text-indigo-400" />
-                    </div>
-                    <span className="text-xs text-gray-700 dark:text-gray-300 truncate flex-1">{getFileNameFromUrl(url)}</span>
-                    <ExternalLink className="w-3 h-3 text-gray-400 shrink-0" />
-                  </a>
-                ))}
-              </div>
+              {profile.resumes.length > 0 ? (
+                <div className="space-y-2">
+                  {profile.resumes.map((url) => (
+                    <a key={url} href={url} target="_blank" rel="noopener noreferrer"
+                      className="flex items-center gap-2.5 px-3.5 py-2.5 bg-stone-50/50 dark:bg-stone-800/30 rounded-xl border border-stone-200/50 dark:border-stone-750/50 hover:border-indigo-200 dark:hover:border-indigo-855 hover:bg-white dark:hover:bg-stone-800 transition-all duration-300 no-underline shadow-3xs group">
+                      <div className="w-7 h-7 rounded-lg bg-indigo-50 dark:bg-indigo-900/20 flex items-center justify-center shrink-0">
+                        <FileText className="w-3.5 h-3.5 text-indigo-500 dark:text-indigo-450" />
+                      </div>
+                      <span className="text-xs font-medium text-stone-700 dark:text-stone-300 truncate flex-1">{getFileNameFromUrl(url)}</span>
+                      <ExternalLink className="w-3 h-3 text-stone-400 group-hover:text-indigo-500 transition-colors shrink-0" />
+                    </a>
+                  ))}
+                </div>
+              ) : (
+                <div className="text-center py-6 border border-dashed border-stone-200/80 dark:border-stone-850/80 rounded-xl bg-stone-50/30 dark:bg-stone-800/10">
+                  <FileText className="w-8 h-8 text-stone-400 dark:text-stone-550 mx-auto mb-2" />
+                  <p className="text-xs text-stone-500 font-medium">No resumes uploaded yet</p>
+                </div>
+              )}
             </motion.div>
-          )}
 
-          {/* Badges */}
-          <motion.div custom={4} variants={fadeInUp} initial="hidden" animate="visible"
-            className="bg-white dark:bg-gray-900 rounded-2xl border border-gray-100 dark:border-gray-800 p-5">
-            <BadgesSection studentId={profile.id} />
-          </motion.div>
-
-          <motion.div custom={5} variants={fadeInUp} initial="hidden" animate="visible">
-            <GitHubStatsCard githubUrl={profile.githubUrl} compact />
-          </motion.div>
-        </div>
+            {/* Badges */}
+            <motion.div custom={4} variants={fadeInUp} initial="hidden" animate="visible"
+              className="bg-white/70 dark:bg-stone-900/75 backdrop-blur-md border border-stone-200/80 dark:border-stone-800/80 p-5 rounded-2xl shadow-xs">
+              <BadgesSection studentId={profile.id} />
+            </motion.div>
 
-        {/* Right Column */}
-        <div className="lg:col-span-2 space-y-6">
-          {/* Coding Activity */}
-          {profile.githubUrl && (
-            <motion.div custom={2} variants={fadeInUp} initial="hidden" animate="visible">
-              <ContributionGraphs
-                githubUsername={profile.githubUrl.split("github.com/").pop()?.replace(/\/$/, "")}
-              />
+            <motion.div custom={5} variants={fadeInUp} initial="hidden" animate="visible">
+              <GitHubStatsCard githubUrl={profile.githubUrl} compact />
             </motion.div>
-          )}
+          </div>
+
+          {/* Right Column */}
+          <div className="lg:col-span-2 space-y-6">
+            {/* Coding Activity */}
+            {profile.githubUrl ? (
+              <motion.div custom={2} variants={fadeInUp} initial="hidden" animate="visible">
+                <ContributionGraphs
+                  githubUsername={profile.githubUrl.split("github.com/").pop()?.replace(/\/$/, "")}
+                />
+              </motion.div>
+            ) : (
+              <motion.div custom={2} variants={fadeInUp} initial="hidden" animate="visible"
+                className="bg-white/70 dark:bg-stone-900/75 backdrop-blur-md border border-stone-200/80 dark:border-stone-800/80 p-6 rounded-2xl shadow-xs">
+                <h3 className="text-sm font-bold text-stone-950 dark:text-white mb-4 flex items-center gap-2">
+                  <Github className="w-4 h-4 text-stone-500" /> Coding Activity
+                </h3>
+                <div className="text-center py-8 border border-dashed border-stone-200/80 dark:border-stone-850/80 rounded-xl bg-stone-50/30 dark:bg-stone-800/10">
+                  <Github className="w-8 h-8 text-stone-400 mx-auto mb-2 animate-pulse" />
+                  <p className="text-xs text-stone-500 font-medium">Link a GitHub profile to display repositories and contributions</p>
+                </div>
+              </motion.div>
+            )}
 
-          {/* Projects */}
-          {profile.projects.length > 0 && (
+            {/* Projects */}
             <motion.div custom={3} variants={fadeInUp} initial="hidden" animate="visible"
-              className="bg-white dark:bg-gray-900 rounded-2xl border border-gray-100 dark:border-gray-800 p-6">
-              <h3 className="text-sm font-semibold text-gray-950 dark:text-white mb-4 flex items-center gap-2">
-                {/* GSSoC '26: Updated title to Featured Projects */}
+              className="bg-white/70 dark:bg-stone-900/75 backdrop-blur-md border border-stone-200/80 dark:border-stone-800/80 p-6 rounded-2xl shadow-xs">
+              <h3 className="text-sm font-bold text-stone-950 dark:text-white mb-4 flex items-center gap-2">
                 <FolderGit2 className="w-4 h-4 text-amber-500" /> Featured Projects
               </h3>
-              <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
-                {profile.projects.map((p) => (
-                  <div key={p.id} className="px-4 py-3 bg-gray-50 dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700">
-                    <div className="flex items-center gap-2 mb-0.5">
-                      <h4 className="text-sm font-semibold text-gray-950 dark:text-white truncate">{p.title}</h4>
-                      {p.builtAt && <span className="text-xs text-gray-500 font-mono flex items-center gap-1 shrink-0"><Calendar className="w-3 h-3" /> {p.builtAt}</span>}
-                    </div>
-                    <p className="text-xs text-gray-500 dark:text-gray-400 line-clamp-2">{p.description}</p>
-                    {p.techStack.length > 0 && (
-                      <div className="flex flex-wrap gap-1 mt-2">
-                        {p.techStack.map((t, i) => (
-                          <span key={i} className="px-2 py-0.5 text-xs font-medium bg-amber-50 dark:bg-amber-900/20 text-amber-700 dark:text-amber-400 rounded-md">{t}</span>
-                        ))}
-                      </div>
-                    )}
-                    {(p.liveUrl || p.repoUrl) && (
-                      <div className="flex gap-3 mt-2">
-                        {p.liveUrl && <a href={p.liveUrl} target="_blank" rel="noopener noreferrer" className="text-xs text-indigo-600 dark:text-indigo-400 hover:underline flex items-center gap-1"><ExternalLink className="w-3 h-3" /> Live</a>}
-                        {p.repoUrl && <a href={p.repoUrl} target="_blank" rel="noopener noreferrer" className="text-xs text-gray-600 dark:text-gray-400 hover:underline flex items-center gap-1"><Github className="w-3 h-3" /> Code</a>}
-                      </div>
-                    )}
-                  </div>
-                ))}
-              </div>
+              {profile.projects.length > 0 ? (
+                <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
+                  {profile.projects.map((p) => (
+                    <ProjectCard key={p.id} p={p} />
+                  ))}
+                </div>
+              ) : (
+                <div className="text-center py-8 border border-dashed border-stone-200/80 dark:border-stone-850/80 rounded-xl bg-stone-50/30 dark:bg-stone-800/10">
+                  <FolderGit2 className="w-8 h-8 text-stone-400 mx-auto mb-2" />
+                  <p className="text-xs text-stone-500 font-medium">No featured projects uploaded yet</p>
+                </div>
+              )}
             </motion.div>
-          )}
 
-          {/* Achievements */}
-          {profile.achievements.length > 0 && (
+            {/* Achievements */}
             <motion.div custom={4} variants={fadeInUp} initial="hidden" animate="visible"
-              className="bg-white dark:bg-gray-900 rounded-2xl border border-gray-100 dark:border-gray-800 p-6">
-              <h3 className="text-sm font-semibold text-gray-950 dark:text-white mb-4 flex items-center gap-2">
+              className="bg-white/70 dark:bg-stone-900/75 backdrop-blur-md border border-stone-200/80 dark:border-stone-800/80 p-6 rounded-2xl shadow-xs">
+              <h3 className="text-sm font-bold text-stone-950 dark:text-white mb-4 flex items-center gap-2">
                 <Trophy className="w-4 h-4 text-rose-500" /> Achievements & Leadership
               </h3>
-              <div className="space-y-3">
-                {profile.achievements.map((a) => (
-                  <div key={a.id} className="flex items-start gap-3 px-4 py-3 bg-gray-50 dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700">
-                    <div className="w-8 h-8 rounded-lg bg-rose-50 dark:bg-rose-900/20 flex items-center justify-center shrink-0">
-                      <Trophy className="w-4 h-4 text-rose-500 dark:text-rose-400" />
-                    </div>
-                    <div className="min-w-0">
-                      <h4 className="text-sm font-semibold text-gray-950 dark:text-white">{a.title}</h4>
-                      <p className="text-xs text-gray-500 dark:text-gray-400 mt-0.5">{a.description}</p>
-                      {a.date && <p className="text-[10px] text-gray-400 dark:text-gray-500 mt-1 flex items-center gap-1"><Calendar className="w-3 h-3" /> {a.date}</p>}
-                    </div>
-                  </div>
-                ))}
-              </div>
+              {profile.achievements.length > 0 ? (
+                <div className="space-y-3">
+                  {profile.achievements.map((a) => (
+                    <AchievementCard key={a.id} a={a} />
+                  ))}
+                </div>
+              ) : (
+                <div className="text-center py-8 border border-dashed border-stone-200/80 dark:border-stone-850/80 rounded-xl bg-stone-50/30 dark:bg-stone-800/10">
+                  <Trophy className="w-8 h-8 text-stone-400 mx-auto mb-2" />
+                  <p className="text-xs text-stone-500 font-medium">No achievements or leadership roles listed yet</p>
+                </div>
+              )}
             </motion.div>
-          )}
+          </div>
         </div>
-      </div>
+      </main>
+
+      <Footer />
     </div>
   );
 }
diff --git a/server/src/module/auth/auth.controller.ts b/server/src/module/auth/auth.controller.ts
index 850d001a..33cd82d8 100644
--- a/server/src/module/auth/auth.controller.ts
+++ b/server/src/module/auth/auth.controller.ts
@@ -137,23 +137,22 @@ export class AuthController {
 
   async getPublicProfile(req: Request, res: Response) {
     try {
-      if (!req.user) {
-        return res.status(401).json({ message: "Authentication required" });
-      }
-      if (req.user.role !== "RECRUITER" && req.user.role !== "ADMIN") {
-        return res.status(403).json({ message: "Not authorized" });
-      }
-
       const id = Number(req.params["id"]);
       if (!id || isNaN(id)) {
         return res.status(400).json({ message: "Invalid user ID" });
       }
 
-      const profile = await this.authService.getPublicProfile(id);
+      const viewer = req.user ? { id: req.user.id, role: req.user.role } : undefined;
+      const profile = await this.authService.getPublicProfile(id, viewer);
       return res.status(200).json({ profile });
     } catch (error) {
-      if (error instanceof Error && error.message === "User not found") {
-        return res.status(404).json({ message: error.message });
+      if (error instanceof Error) {
+        if (error.message === "User not found") {
+          return res.status(404).json({ message: error.message });
+        }
+        if (error.message === "Profile is private") {
+          return res.status(403).json({ message: error.message, isPrivate: true });
+        }
       }
       console.error(error);
       return res.status(500).json({ message: "Internal Server Error" });
diff --git a/server/src/module/auth/auth.routes.ts b/server/src/module/auth/auth.routes.ts
index 7f1c5d6d..645dd790 100644
--- a/server/src/module/auth/auth.routes.ts
+++ b/server/src/module/auth/auth.routes.ts
@@ -1,7 +1,7 @@
 import { Router } from "express";
 import { AuthController } from "./auth.controller.js";
 import { AuthService } from "./auth.service.js";
-import { authMiddleware } from "../../middleware/auth.middleware.js";
+import { authMiddleware, optionalAuthMiddleware } from "../../middleware/auth.middleware.js";
 import { usageLimit } from "../../middleware/usage-limit.middleware.js";
 import rateLimit from "express-rate-limit";
 import { createRateLimitStore } from "../../utils/rate-limit-store.js";
@@ -60,4 +60,4 @@ authRouter.get("/me", authMiddleware, (req, res) => authController.getProfile(re
 authRouter.put("/me", authMiddleware, validateBody(updateProfileSchema), (req, res) => authController.updateProfile(req, res));
 authRouter.post("/import-github", authMiddleware, validateBody(importGitHubSchema), (req, res) => authController.importGitHub(req, res));
 authRouter.get("/github-stats", authMiddleware, usageLimit("GITHUB_STATS"), (req, res) => authController.getGitHubStats(req, res));
-authRouter.get("/profile/:id", authMiddleware, (req, res) => authController.getPublicProfile(req, res));
+authRouter.get("/profile/:id", optionalAuthMiddleware, (req, res) => authController.getPublicProfile(req, res));
diff --git a/server/src/module/auth/auth.service.ts b/server/src/module/auth/auth.service.ts
index c15108f4..fb88489a 100644
--- a/server/src/module/auth/auth.service.ts
+++ b/server/src/module/auth/auth.service.ts
@@ -1,4 +1,4 @@
-import crypto from "crypto";
+import crypto from "crypto";
 import { OAuth2Client } from "google-auth-library";
 import { prisma } from "../../database/db.js";
 import { hashPassword, comparePassword } from "../../utils/password.utils.js";
@@ -516,15 +516,16 @@ export class AuthService {
     return user;
   }
 
-  async getPublicProfile(userId: number) {
+  async getPublicProfile(userId: number, viewer?: { id: number; role: string }) {
     const cacheKey = `profile:public:${userId}`;
     const cached = await cacheGet(cacheKey);
     if (cached) return cached as never;
 
     const user = await prisma.user.findUnique({
-      where: { id: userId, role: "STUDENT", isProfilePublic: true },
+      where: { id: userId, role: "STUDENT" },
       select: {
         ...this.profileSelect,
+        isProfilePublic: true,
         verifiedSkills: {
           select: { skillName: true, score: true, verifiedAt: true },
         },
@@ -540,6 +541,17 @@ export class AuthService {
       throw new Error("User not found");
     }
 
+    if (!user.isProfilePublic) {
+      const isAuthorized = viewer && (
+        viewer.role === "ADMIN" ||
+        viewer.role === "RECRUITER" ||
+        viewer.id === userId
+      );
+      if (!isAuthorized) {
+        throw new Error("Profile is private");
+      }
+    }
+
     const { atsScores, ...rest } = user;
     if (rest.resumes.length > 0) {
       (rest as Record<string, unknown>).resumes = await signUrls(rest.resumes);
@@ -554,7 +566,11 @@ export class AuthService {
       ...rest,
       bestAtsScore: atsScores[0]?.overallScore ?? null,
     };
-    await cacheSet(cacheKey, result, PROFILE_TTL);
+
+    if (user.isProfilePublic) {
+      await cacheSet(cacheKey, result, PROFILE_TTL);
+    }
+
     return result;
   }