diff --git a/app/(public)/flex/page.tsx b/app/(public)/flex/page.tsx
new file mode 100644
index 0000000..8937260
--- /dev/null
+++ b/app/(public)/flex/page.tsx
@@ -0,0 +1,104 @@
+import { createClient } from "../../lib/supabase/server";
+import Footer from "@/app/components/layout/Footer";
+import CTA from "@/app/components/layout/CTA";
+import BackButton from "@/app/components/leaderboard/BackButton";
+import Image from "next/image";
+import { timeAgo } from "@/app/utils/time";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faExternalLink } from "@fortawesome/free-solid-svg-icons";
+
+export default async function Flexs() {
+  const supabase = await createClient();
+
+  const [userFlexes, userResult] = await Promise.all([
+    supabase
+      .from("user_flexes")
+      .select("*")
+      .order("created_at", { ascending: false }),
+    supabase.auth.getUser(),
+  ]);
+
+  const { data, error } = userFlexes;
+  const { data: user } = userResult;
+
+  return (
+    <div className="min-h-screen bg-[#0a0a1a] text-white grid-bg relative">
+      <div className="max-w-5xl mx-auto p-6 md:p-10 relative z-10">
+        <BackButton href="/" />
+
+        <div className="flex justify-center items-center gap-3 mb-8">
+          <Image src="/logo.svg" alt="DevPulse Logo" width={36} height={36} />
+          <h1 className="text-3xl font-bold text-white">DevPulse Flexes</h1>
+        </div>
+
+        {data?.length === 0 && (
+          <div className="max-w-5xl mx-auto p-6 md:p-10 relative z-10">
+            <h2 className="text-2xl font-bold mb-4">No Flexes Yet</h2>
+            <p className="text-gray-400 mb-6">
+              Please come back later to see the latest flexes from our
+              community.
+            </p>
+          </div>
+        )}
+
+        {data && data.length > 0 && (
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            {data.map((flex) => (
+              <div
+                key={flex.id}
+                className="glass-card p-6 rounded-xl border border-white/5"
+              >
+                <div className="flex items-center justify-between">
+                  <h3 className="text-lg font-semibold mb-2">
+                    {flex.project_name}
+                  </h3>
+                  <span className="text-sm">{timeAgo(flex.created_at)}</span>
+                </div>
+                <div className="text-sm text-gray-500 mb-4">
+                  {flex.project_time}
+                </div>
+                <span className="font-bold text-xs text-gray-400">
+                  Description:
+                </span>
+                <p className="text-gray-400 mb-2">{flex.project_description}</p>
+                {flex.is_open_source && (
+                  <>
+                    <span className="font-bold text-xs text-gray-400">
+                      Open Source:
+                    </span>
+                    <a
+                      href={flex.open_source_url}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-sm block underline hover:text-green-300 transition mb-2 truncate"
+                    >
+                      {flex.open_source_url}
+                    </a>
+                  </>
+                )}
+                <div className="flex items-center justify-between mt-4">
+                  <p className="text-sm text-gray-500">
+                    Posted by {flex.user_email.split("@")[0]}
+                  </p>
+                  <a
+                    href={flex.project_url}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    <FontAwesomeIcon
+                      icon={faExternalLink}
+                      className="w-4 h-4 text-gray-400 hover:text-gray-300 transition"
+                    />
+                  </a>
+                </div>
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+
+      {!user && <CTA />}
+      <Footer />
+    </div>
+  );
+}
diff --git a/app/(user)/dashboard/flex/page.tsx b/app/(user)/dashboard/flex/page.tsx
new file mode 100644
index 0000000..21fcc6b
--- /dev/null
+++ b/app/(user)/dashboard/flex/page.tsx
@@ -0,0 +1,14 @@
+import Flex from "@/app/components/Flex";
+import { createClient } from "@/app/lib/supabase/server";
+
+export default async function FlexPage() {
+  const supabase = await createClient();
+
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
+
+  if (!user) return null;
+
+  return <Flex user={user} />;
+}
diff --git a/app/components/Chat.tsx b/app/components/Chat.tsx
index f02723b..601cdc0 100644
--- a/app/components/Chat.tsx
+++ b/app/components/Chat.tsx
@@ -66,7 +66,9 @@ export default function Chat({ user }: { user: User }) {
   const [badgesByUserId, setBadgesByUserId] = useState<
     Record<string, { label: string; className: string }>
   >({});
-  const badgeCacheRef = useRef<Record<string, { label: string; className: string }>>({});
+  const badgeCacheRef = useRef<
+    Record<string, { label: string; className: string }>
+  >({});
   const channelRef = useRef<RealtimeChannel>(null);
   const textareaRef = useRef<HTMLTextAreaElement>(null);
   const bottomRef = useRef<HTMLDivElement | null>(null);
@@ -662,7 +664,7 @@ export default function Chat({ user }: { user: User }) {
               value={search}
               onChange={(e) => setSearch(e.target.value)}
               placeholder="Search user..."
-              className="w-full mb-3 px-3 py-2 rounded bg-neutral-800 outline-none"
+              className="w-full mb-3 px-3 py-2 bg-transparent text-gray-100 placeholder:text-gray-500 border border-neutral-800 rounded-xl outline-none"
             />
             <div className="space-y-2 max-h-60 overflow-y-auto">
               {allUsers
@@ -684,12 +686,14 @@ export default function Chat({ user }: { user: User }) {
                   </div>
                 ))}
             </div>
-            <button
-              onClick={() => setShowModal(false)}
-              className="mt-4 text-sm text-gray-500 hover:text-gray-300 transition"
-            >
-              Cancel
-            </button>
+            <div className="flex justify-end mt-4">
+              <button
+                onClick={() => setShowModal(false)}
+                className="mt-4 btn-secondary px-4 py-2 text-sm rounded-xl me-2"
+              >
+                Cancel
+              </button>
+            </div>
           </div>
         </div>
       )}
diff --git a/app/components/Flex.tsx b/app/components/Flex.tsx
new file mode 100644
index 0000000..595f098
--- /dev/null
+++ b/app/components/Flex.tsx
@@ -0,0 +1,337 @@
+"use client";
+
+import { User } from "@supabase/supabase-js";
+import { createClient } from "../lib/supabase/client";
+import { Database } from "../supabase-types";
+import { useEffect, useState } from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import {
+  faAdd,
+  faClock,
+  faCode,
+  faExternalLink,
+  faPlus,
+} from "@fortawesome/free-solid-svg-icons";
+import { formatHours, timeAgo } from "../utils/time";
+
+const supabase = createClient();
+
+export interface Projects {
+  name: string;
+  text: string;
+  project_description: string;
+  project_url: string;
+  project_time: string;
+  is_open_source: boolean;
+  open_source_url?: string;
+}
+
+export default function Flex({ user }: { user: User }) {
+  const [loading, setLoading] = useState(false);
+  const [flexes, setFlexes] = useState<Projects[]>([]);
+  const [flex, setFlex] = useState<Projects | null>(null);
+  const [userFlexes, setUserFlexes] = useState<
+    Database["public"]["Tables"]["user_flexes"]["Row"][]
+  >([]);
+  const [showModal, setShowModal] = useState(false);
+  const [search, setSearch] = useState("");
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!flex) return;
+
+    const { data, error } = await supabase
+      .from("user_flexes")
+      .insert({
+        user_id: user.id,
+        user_email: user.email!,
+        project_name: flex.name,
+        project_description: flex.project_description,
+        project_url: flex.project_url,
+        project_time: flex.text,
+        is_open_source: flex.is_open_source,
+        open_source_url: flex.open_source_url,
+      })
+      .select()
+      .single();
+
+    if (error) {
+      console.error("Error submitting flex:", error);
+    } else {
+      setUserFlexes((prev) => [data, ...prev]);
+      setFlex(null);
+    }
+  };
+
+  const expireAt = (expireAt: string) => {
+    const expiresAt = new Date(expireAt);
+    const now = new Date();
+
+    const diffMs = expiresAt.getTime() - now.getTime();
+    return Math.max(Math.floor(diffMs / (1000 * 60 * 60)), 0) + "hr";
+  };
+
+  useEffect(() => {
+    async function fetchFlexes() {
+      setLoading(true);
+      const { data, error } = await supabase
+        .from("user_flexes")
+        .select("*")
+        .eq("user_id", user.id);
+
+      if (error) {
+        console.error("Error fetching flexes:", error);
+      } else {
+        setUserFlexes(data);
+      }
+      setLoading(false);
+    }
+
+    fetchFlexes();
+  }, [user.id]);
+
+  useEffect(() => {
+    if (!showModal) return;
+
+    async function fetchFlexes() {
+      const { data, error } = await supabase
+        .from("user_projects")
+        .select("projects")
+        .eq("user_id", user.id);
+
+      if (error) {
+        console.error("Error fetching flexes:", error);
+      } else {
+        const projects: Projects[] = data[0].projects as unknown as Projects[];
+        const newProjects = projects.filter(
+          (p) => !userFlexes.some((f) => f.project_name === p.name),
+        );
+        setFlexes(newProjects);
+      }
+    }
+
+    fetchFlexes();
+  }, [showModal, userFlexes, user.id]);
+
+  return (
+    <div className="p-6 md:p-8 space-y-6">
+      <div
+        className="relative z-50 flex flex-row justify-between items-center w-full gap-4"
+        data-aos="fade-up"
+      >
+        <div className="flex flex-col">
+          <h1 className="text-3xl font-bold bg-gradient-to-r from-indigo-400 via-purple-400 to-indigo-400 bg-clip-text text-transparent truncate">
+            Flex
+          </h1>
+          <p className="text-xs sm:text-sm font-medium text-gray-400 mt-1 flex items-center gap-2">
+            <span className="w-2 h-2 rounded-full bg-emerald-400 animate-pulse shadow-[0_0_8px_rgba(52,211,153,0.8)] shrink-0"></span>
+            <span className="truncate">
+              Share your flexes with the community
+            </span>
+          </p>
+        </div>
+
+        <div className="flex items-center gap-2 sm:gap-6 shrink-0">
+          <button
+            onClick={() => setShowModal(true)}
+            className="btn-secondary px-4 py-2 text-sm flex items-center gap-2 whitespace-nowrap transition-colors rounded-xl"
+          >
+            <FontAwesomeIcon icon={faPlus} className="w-3.5 h-3.5" />
+            Flex
+          </button>
+        </div>
+      </div>
+
+      {loading && (
+        <div className="p-6 flex items-center justify-center">
+          <p className="text-gray-400">Loading your flexes...</p>
+        </div>
+      )}
+
+      {flex && (
+        <div className="fixed p-5 inset-0 flex items-center justify-center bg-black/70 z-50 backdrop-blur-sm">
+          <div className="glass-card p-8">
+            <form onSubmit={handleSubmit}>
+              <h2 className="text-xl font-bold mb-2">{flex.name}</h2>
+              <p>{flex.text}</p>
+
+              <input
+                type="text"
+                value={flex.name || ""}
+                disabled
+                className="w-full mt-4 px-3 py-2 bg-transparent text-gray-100 placeholder:text-gray-500 border border-neutral-800 rounded-xl outline-none"
+              />
+
+              <textarea
+                value={flex.project_description || ""}
+                onChange={(e) =>
+                  setFlex({ ...flex, project_description: e.target.value })
+                }
+                placeholder="Project Description"
+                className="w-full mt-2 px-3 py-2 bg-transparent text-gray-100 placeholder:text-gray-500 border border-neutral-800 rounded-xl outline-none"
+                rows={4}
+              ></textarea>
+
+              <input
+                type="url"
+                value={flex.project_url || ""}
+                onChange={(e) =>
+                  setFlex({ ...flex, project_url: e.target.value })
+                }
+                placeholder="Project URL"
+                className="w-full mt-2 px-3 py-2 bg-transparent text-gray-100 placeholder:text-gray-500 border border-neutral-800 rounded-xl outline-none"
+              />
+
+              <div className="flex items-center mt-2 space-x-2">
+                <input
+                  type="checkbox"
+                  checked={flex.is_open_source || false}
+                  onChange={(e) =>
+                    setFlex({ ...flex, is_open_source: e.target.checked })
+                  }
+                  className="rounded bg-neutral-800"
+                />
+                <label>Open Source?</label>
+              </div>
+
+              {flex.is_open_source && (
+                <input
+                  type="url"
+                  value={flex.open_source_url || ""}
+                  onChange={(e) =>
+                    setFlex({ ...flex, open_source_url: e.target.value })
+                  }
+                  placeholder="Open Source URL"
+                  className="w-full mt-2 px-3 py-2 bg-transparent text-gray-100 placeholder:text-gray-500 border border-neutral-800 rounded-xl outline-none"
+                />
+              )}
+
+              <div className="flex justify-end mt-4">
+                <button
+                  onClick={() => setFlex(null)}
+                  className="mt-4 btn-secondary px-4 py-2 text-sm rounded-xl me-2"
+                >
+                  Cancel
+                </button>
+                <button
+                  type="submit"
+                  className="mt-4 btn-primary px-4 py-2 text-sm rounded-xl"
+                >
+                  Submit Flex
+                </button>
+              </div>
+            </form>
+          </div>
+        </div>
+      )}
+
+      {userFlexes.length === 0 && !loading && (
+        <div className="p-6 flex items-center justify-center">
+          <p className="text-gray-400">
+            You have no flexes yet. Start by sharing your first project!
+          </p>
+        </div>
+      )}
+
+      {userFlexes.length > 0 && (
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          {userFlexes.map((f) => (
+            <div key={f.id} className="glass-card p-4 flex flex-col gap-2">
+              <div className="flex items-center justify-between">
+                <h3 className="text-lg font-bold">{f.project_name}</h3>
+                <span className="text-sm">
+                  <FontAwesomeIcon
+                    icon={faClock}
+                    className="w-3 h-3 text-gray-400 me-1"
+                  />
+                  {f.project_time}
+                </span>
+              </div>
+              <p className="text-sm text-gray-400">{f.project_description}</p>
+              <a
+                className="text-sm text-gray-400 truncate"
+                href={f.project_url}
+                title="Click to view project"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                <FontAwesomeIcon
+                  icon={faExternalLink}
+                  className="w-3 h-3 text-gray-400 me-1"
+                />
+                {f.project_url}
+              </a>
+              {f.is_open_source && (
+                <a
+                  className="text-sm text-green-400 truncate"
+                  href={f.open_source_url}
+                >
+                  <FontAwesomeIcon
+                    icon={faCode}
+                    className="w-3 h-3 text-green-400 me-1"
+                  />
+                  {f.open_source_url}
+                </a>
+              )}
+              <span className="text-xs">
+                Expires in {expireAt(f.expires_at || "")} • Posted{" "}
+                {timeAgo(f.created_at)}
+              </span>
+            </div>
+          ))}
+        </div>
+      )}
+
+      {showModal && (
+        <div className="fixed inset-0 flex items-center justify-center bg-black/70 z-50 backdrop-blur-sm">
+          <div className="glass-card p-8">
+            <input
+              value={search}
+              onChange={(e) => setSearch(e.target.value)}
+              placeholder="Search projects..."
+              className="w-full mb-3 px-3 py-2 bg-transparent text-gray-100 placeholder:text-gray-500 border border-neutral-800 rounded-xl outline-none"
+            />
+            <div className="space-y-2 max-h-60 overflow-y-auto">
+              {flexes.length === 0 && !loading && (
+                <p className="text-gray-400 text-sm text-center">
+                  You have no projects to flex yet.
+                </p>
+              )}
+
+              {flexes
+                .filter((u) =>
+                  u.name.toLowerCase().includes(search.toLowerCase()),
+                )
+                .map((u, idx) => (
+                  <div
+                    key={idx}
+                    onClick={() => {
+                      setFlex(u);
+                      setShowModal(false);
+                    }}
+                    className="flex items-center gap-3 p-2 rounded hover:bg-neutral-800 cursor-pointer"
+                  >
+                    <div className="flex justify-center items-center w-10 h-8 rounded-full bg-neutral-600">
+                      {u.name[0].toUpperCase()}
+                    </div>
+                    <div className="w-full flex flex-col">
+                      <span>{u.name}</span>
+                      <span>{u.text}</span>
+                    </div>
+                  </div>
+                ))}
+            </div>
+            <div className="flex justify-end mt-4">
+              <button
+                onClick={() => setShowModal(false)}
+                className="mt-4 btn-secondary px-4 py-2 text-sm rounded-xl me-2"
+              >
+                Cancel
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/app/components/dashboard/Navbar.tsx b/app/components/dashboard/Navbar.tsx
index 02a5c1f..8141bf1 100644
--- a/app/components/dashboard/Navbar.tsx
+++ b/app/components/dashboard/Navbar.tsx
@@ -11,6 +11,7 @@ import {
   faChevronLeft,
   faChevronRight,
   faMessage,
+  faCrown,
 } from "@fortawesome/free-solid-svg-icons";
 import type { IconDefinition } from "@fortawesome/free-solid-svg-icons";
 
@@ -29,6 +30,7 @@ function Sidebar() {
   const navItems: { href: string; label: string; icon: IconDefinition }[] = [
     { href: "/dashboard", label: "Dashboard", icon: faChartLine },
     { href: "/dashboard/chat", label: "Chat", icon: faMessage },
+    { href: "/dashboard/flex", label: "Flex", icon: faCrown },
     { href: "/dashboard/leaderboards", label: "Leaderboards", icon: faTrophy },
   ];
 
@@ -64,33 +66,33 @@ function Sidebar() {
 
       {!isMobile || !mobileHidden ? (
         <nav className="flex-1 px-3 py-5 space-y-1">
-        {!collapsed && (
-          <p className="text-[10px] uppercase tracking-[0.15em] text-gray-700 font-semibold px-3 mb-3">
-            Menu
-          </p>
-        )}
-        {navItems.map((item) => (
-          <Link
-            key={item.href}
-            href={item.href}
-            className={`flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all ${
-              collapsed ? "justify-center" : ""
-            } ${
-              pathname === item.href
-                ? "bg-indigo-500/10 text-indigo-400 border border-indigo-500/15"
-                : "text-gray-500 hover:text-gray-300 hover:bg-white/[0.03]"
-            }`}
-            title={collapsed ? item.label : undefined}
-          >
-            <FontAwesomeIcon
-              icon={item.icon}
-              className={`w-4 h-4 shrink-0 ${
-                pathname === item.href ? "text-indigo-400" : "text-gray-600"
+          {!collapsed && (
+            <p className="text-[10px] uppercase tracking-[0.15em] text-gray-700 font-semibold px-3 mb-3">
+              Menu
+            </p>
+          )}
+          {navItems.map((item) => (
+            <Link
+              key={item.href}
+              href={item.href}
+              className={`flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all ${
+                collapsed ? "justify-center" : ""
+              } ${
+                pathname === item.href
+                  ? "bg-indigo-500/10 text-indigo-400 border border-indigo-500/15"
+                  : "text-gray-500 hover:text-gray-300 hover:bg-white/[0.03]"
               }`}
-            />
-            {!collapsed && item.label}
-          </Link>
-        ))}
+              title={collapsed ? item.label : undefined}
+            >
+              <FontAwesomeIcon
+                icon={item.icon}
+                className={`w-4 h-4 shrink-0 ${
+                  pathname === item.href ? "text-indigo-400" : "text-gray-600"
+                }`}
+              />
+              {!collapsed && item.label}
+            </Link>
+          ))}
         </nav>
       ) : null}
     </aside>
@@ -134,7 +136,6 @@ export default function DashboardLayout({
     height: 0,
   });
 
-
   useEffect(() => {
     const handleResize = () => {
       const nextIsMobile = window.innerWidth < 768;
@@ -142,6 +143,7 @@ export default function DashboardLayout({
 
       if (nextIsMobile) {
         setCollapsed(true);
+        setMobileHidden(true);
       } else {
         setCollapsed(false);
         setMobileHidden(false);
@@ -264,7 +266,9 @@ export default function DashboardLayout({
             }}
             className={[
               "md:hidden fixed z-50 transition-opacity duration-300",
-              mobileHidden ? "opacity-100 pointer-events-auto" : "opacity-100 pointer-events-none",
+              mobileHidden
+                ? "opacity-100 pointer-events-auto"
+                : "opacity-100 pointer-events-none",
               "rounded-full bg-[#0f0f28] border border-white/10 hover:border-indigo-500/30",
               "shadow-lg flex items-center justify-center",
             ].join(" ")}
diff --git a/app/components/layout/Footer.tsx b/app/components/layout/Footer.tsx
index 9b875d3..f97a9ce 100644
--- a/app/components/layout/Footer.tsx
+++ b/app/components/layout/Footer.tsx
@@ -22,6 +22,12 @@ export default function Footer() {
             >
               Leaderboard
             </Link>
+            <Link
+              href="/flex"
+              className="hover:text-gray-300 transition"
+            >
+              Flex
+            </Link>
             <Link
               href="/legal/privacy"
               className="hover:text-gray-300 transition"
diff --git a/app/sitemaps/static.ts b/app/sitemaps/static.ts
index e97c7a2..05b08d0 100644
--- a/app/sitemaps/static.ts
+++ b/app/sitemaps/static.ts
@@ -3,6 +3,8 @@ import type { MetadataRoute } from "next";
 export default function sitemap(): MetadataRoute.Sitemap {
   return [
     { url: "https://devpulse-waka.vercel.app" },
+    { url: "https://devpulse-waka.vercel.app/leaderboard" },
+    { url: "https://devpulse-waka.vercel.app/flex" },
     { url: "https://devpulse-waka.vercel.app/login" },
     { url: "https://devpulse-waka.vercel.app/signup" },
     { url: "https://devpulse-waka.vercel.app/legal/terms" },
diff --git a/app/supabase-types.ts b/app/supabase-types.ts
index 64ef236..0f3ea61 100644
--- a/app/supabase-types.ts
+++ b/app/supabase-types.ts
@@ -182,6 +182,48 @@ export type Database = {
         }
         Relationships: []
       }
+      user_flexes: {
+        Row: {
+          created_at: string
+          expires_at: string | null
+          id: string
+          is_open_source: boolean
+          open_source_url: string
+          project_description: string
+          project_name: string
+          project_time: string
+          project_url: string
+          user_email: string
+          user_id: string | null
+        }
+        Insert: {
+          created_at?: string
+          expires_at?: string | null
+          id?: string
+          is_open_source?: boolean
+          open_source_url?: string
+          project_description: string
+          project_name: string
+          project_time: string
+          project_url: string
+          user_email: string
+          user_id?: string | null
+        }
+        Update: {
+          created_at?: string
+          expires_at?: string | null
+          id?: string
+          is_open_source?: boolean
+          open_source_url?: string
+          project_description?: string
+          project_name?: string
+          project_time?: string
+          project_url?: string
+          user_email?: string
+          user_id?: string | null
+        }
+        Relationships: []
+      }
       user_projects: {
         Row: {
           last_fetched_at: string
@@ -280,7 +322,10 @@ export type Database = {
       }
     }
     Functions: {
-      [_ in never]: never
+      flex_project: {
+        Args: { p_project: Json; p_user_id: string }
+        Returns: string
+      }
     }
     Enums: {
       [_ in never]: never
diff --git a/supabase/migrations/20260325044133_add_user_flexes.sql b/supabase/migrations/20260325044133_add_user_flexes.sql
new file mode 100644
index 0000000..6d570d3
--- /dev/null
+++ b/supabase/migrations/20260325044133_add_user_flexes.sql
@@ -0,0 +1,43 @@
+create table public.user_flexes (
+  id uuid primary key default gen_random_uuid(),
+  user_id uuid references auth.users(id) on delete cascade,
+  user_email text NOT NULL,
+  project_name text NOT NULL,
+  project_description text NOT NULL,
+  project_url text NOT NULL,
+  project_time text NOT NULL,
+  is_open_source boolean NOT NULL default false,
+  open_source_url text NOT NULL default '',
+  created_at timestamp with time zone NOT NULL default now()
+);
+
+alter table public.user_flexes enable row level security;
+
+/* ---- RLS Policy ----- */
+create policy "Public Access" on public.user_flexes
+for select
+using (true);
+
+create policy "User Flexes" on public.user_flexes
+for all
+to authenticated
+using (user_id = auth.uid())
+with check (user_id = auth.uid());
+
+create or replace function flex_project(p_user_id uuid, p_project jsonb)
+returns text as $$
+begin
+    if exists (
+        select 1
+        from public.user_flexes
+        where user_id = p_user_id
+          and flexed_at > now() - interval '24 hours'
+    ) then
+        return 'You can only flex once every 24 hours';
+    else
+        insert into public.user_flexes(user_id, project)
+        values (p_user_id, p_project);
+        return 'Project flexed successfully!';
+    end if;
+end;
+$$ language plpgsql;
diff --git a/supabase/migrations/20260325054413_add_expires_at_user_flexes.sql b/supabase/migrations/20260325054413_add_expires_at_user_flexes.sql
new file mode 100644
index 0000000..736fc9c
--- /dev/null
+++ b/supabase/migrations/20260325054413_add_expires_at_user_flexes.sql
@@ -0,0 +1,2 @@
+alter table public.user_flexes
+add column expires_at timestamp with time zone default (now() + interval '24 hours');