PageSourceSearch

https://heramb.icu/projects

html heramb.icu collected 2026-10-09 22:05:55 UTC 141,693 bytes, 1 lines download raw bytes

1<!DOCTYPE html><!--2SWvx1Lr1nG3c8y9GQvbb--><html lang="en" class="__variable_73ee6c __variable_f367f3 __variable_c86147 __variable_724806 __variable_af5ebc __variable_3c557b __variable_7511d4"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/46bdd75a3ff56824-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/4c9affa5bc8f420e-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/793968fa3513f5d6-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/94aa5fe8d36eeae8-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/bb3ef058b751a6ad-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/d8c14dc5fcaf3a63-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e7b5e188fed5a3c0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/geass.png"/><link rel="stylesheet" href="/_next/static/css/b3cab86783872f1d.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/bd84f9cf6f2a805c.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/b7b3741b17fa3ae2.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-c880b62480ae1c4d.js"/>
1<script src="/_next/static/chunks/4bd1b696-f785427dddbba9fb.js" async=""></script>
1<script src="/_next/static/chunks/1255-d047877707f38d9c.js" async=""></script>
1<script src="/_next/static/chunks/main-app-565f02a5771689d7.js" async=""></script>
1<script src="/_next/static/chunks/2619-6352ef9022ea9a44.js" async=""></script>
1<script src="/_next/static/chunks/9076-265ac2819a3e4047.js" async=""></script>
1<script src="/_next/static/chunks/4909-3b4ba2692e7e1291.js" async=""></script>
1<script src="/_next/static/chunks/1356-a079ab6ce0bc743b.js" async=""></script>
1<script src="/_next/static/chunks/8564-d54c292c92d3304a.js" async=""></script>
1<script src="/_next/static/chunks/6883-c55b1f16689e7191.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-74efe5833e6fe19c.js" async=""></script>
1<script src="/_next/static/chunks/app/not-found-27e13c92b41a18cd.js" async=""></script>
1<script src="/_next/static/chunks/2343-6c154fac06c2d21f.js" async=""></script>
1<script src="/_next/static/chunks/7855-f6811324a9a9a4f1.js" async=""></script>
1<script src="/_next/static/chunks/app/projects/page-12d56ba3057795f5.js" async=""></script>
1<script src="/_next/static/chunks/app/global-error-a8c555f23190086c.js" async=""></script>
1<meta name="next-size-adjust" content=""/><link rel="preconnect" href="https://cdn.jsdelivr.net"/><title>Projects — Heramb Salunkhe</title><meta name="description" content="Curated collection of projects, engineering research, and web applications built by Heramb Salunkhe."/><link rel="alternate" type="application/rss+xml" href="https://heramb.icu/rss.xml"/><meta property="og:title" content="Projects Showcase — Heramb Salunkhe"/><meta property="og:description" content="Curated collection of projects, engineering research, and web applications built by Heramb Salunkhe."/><meta property="og:image" content="https://heramb.icu/api/og?title=Projects+Showcase+%E2%80%94+Heramb&amp;description=Production+web+applications%2C+research+pipelines%2C+AI+copilots%2C+and+IoT+systems+built+with+taste.&amp;category=showcase&amp;path=heramb.icu%2Fprojects&amp;badge=Engineering"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Projects Showcase by Heramb"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Projects Showcase — Heramb Salunkhe"/><meta name="twitter:description" content="Curated collection of projects, engineering research, and web applications built by Heramb Salunkhe."/><meta name="twitter:image" content="https://heramb.icu/api/og?title=Projects+Showcase+%E2%80%94+Heramb&amp;description=Production+web+applications%2C+research+pipelines%2C+AI+copilots%2C+and+IoT+systems+built+with+taste.&amp;category=showcase&amp;path=heramb.icu%2Fprojects&amp;badge=Engineering"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="48x48"/><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$-->
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body><div hidden=""><!--$--><!--/$--></div>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","light",null,["light","dark"],null,false,true)</script>
1<div class="relative isolate min-h-screen overflow-x-hidden"><div class="relative z-10 flex min-h-screen flex-col"><aside class="fixed top-12 z-40 hidden w-36 flex-col gap-6 lg:flex [right:calc(max(1.5rem,calc((100vw-72rem)/2+1.5rem))-1rem)]"><div class="flex flex-col"><div class="min-w-0"><div class="flex items-center gap-2 whitespace-nowrap pt-1 pb-2"><span class="font-medium text-black dark:text-white text-[14px] tracking-[-0.02em]"><a href="/">Heramb Salunkhe</a></span><button aria-label="Current theme: light. Click to toggle" class="flex items-center text-foreground/70 hover:text-foreground transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="text-foreground hover:text-muted-foreground"><rect width="256" height="256" fill="none"></rect><path d="M210.69,158.18A88,88,0,1,1,97.82,45.31,96.08,96.08,0,0,0,192,160,96.78,96.78,0,0,0,210.69,158.18Z" opacity="0.2"></path><path d="M240,96a8,8,0,0,1-8,8H216v16a8,8,0,0,1-16,0V104H184a8,8,0,0,1,0-16h16V72a8,8,0,0,0,16,0V88h16A8,8,0,0,1,240,96ZM144,56h8v8a8,8,0,0,0,16,0V56h8a8,8,0,0,0,0-16h-8V32a8,8,0,0,0-16,0v8h-8a8,8,0,0,0,0,16Zm72.77,97a8,8,0,0,1,1.43,8A96,96,0,1,1,95.07,37.8a8,8,0,0,1,10.6,9.06A88.07,88.07,0,0,0,209.14,150.33,8,8,0,0,1,216.77,153Zm-19.39,14.88c-1.79.09-3.59.14-5.38.14A104.11,104.11,0,0,1,88,64c0-1.79,0-3.59.14-5.38A80,80,0,1,0,197.38,167.86Z"></path></svg></button></div></div><nav class="flex flex-col items-start mb-4"><a class="group relative flex items-center gap-1 text-[12px] tracking-[-0.025em] leading-6.5 font-normal text-black dark:text-white transition-none hover:text-blue-500 hover:decoration-blue-500 underline decoration-[1px] underline-offset-[4px]" href="/about"><span class="relative">About Me</span></a><a class="group relative flex items-center gap-1 text-[12px] tracking-[-0.025em] leading-6.5 font-normal text-black dark:text-white transition-none hover:text-blue-500 hover:decoration-blue-500 font-semibold text-foreground hover:text-foreground" href="/projects"><span class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-corner-down-right absolute -left-5 top-1/2 -translate-y-1/2 text-blue-500" aria-hidden="true"><path d="m15 10 5 5-5 5"></path><path d="M4 4v7a4 4 0 0 0 4 4h12"></path></svg>Projects</span></a><a class="group relative flex items-center gap-1 text-[12px] tracking-[-0.025em] leading-6.5 font-normal text-black dark:text-white transition-none hover:text-blue-500 hover:decoration-blue-500 underline decoration-[1px] underline-offset-[4px]" href="/blog"><span class="relative">Blogs</span></a><a class="group relative flex items-center gap-1 text-[12px] tracking-[-0.025em] leading-6.5 font-normal text-black dark:text-white transition-none hover:text-blue-500 hover:decoration-blue-500 underline decoration-[1px] underline-offset-[4px]" href="/til"><span class="relative">TIL</span></a><a class="group relative flex items-center gap-1 text-[12px] tracking-[-0.025em] leading-6.5 font-normal text-black dark:text-white transition-none hover:text-blue-500 hover:decoration-blue-500 underline decoration-[1px] underline-offset-[4px]" href="/resume"><span class="relative">Resume</span></a></nav><div class="flex items-center gap-4"><a href="https://twitter.com/intent/follow?screen_name=hebuildapps" target="_blank" rel="noopener noreferrer" aria-label="X" title="X" class="text-foreground/70 transition-colors hover:text-foreground "><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="text-foreground hover:text-muted-foreground"><path d="M214.75,211.71l-62.6-98.38,61.77-67.95a8,8,0,0,0-11.84-10.76L143.24,99.34,102.75,35.71A8,8,0,0,0,96,32H48a8,8,0,0,0-6.75,12.3l62.6,98.37-61.77,68a8,8,0,1,0,11.84,10.76l58.84-64.72,40.49,63.63A8,8,0,0,0,160,224h48a8,8,0,0,0,6.75-12.29ZM164.39,208,62.57,48h29L193.43,208Z"></path></svg></a><a href="https://github.com/hebuildapps" target="_blank" rel="noopener noreferrer" aria-label="GitHub" title="GitHub" class="text-foreground
1/70 transition-colors hover:text-foreground "><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="text-foreground hover:text-muted-foreground"><rect width="256" height="256" fill="none"></rect><path d="M208,104v8a48,48,0,0,1-48,48H136a32,32,0,0,1,32,32v40H104V192a32,32,0,0,1,32-32H112a48,48,0,0,1-48-48v-8a49.28,49.28,0,0,1,8.51-27.3A51.92,51.92,0,0,1,76,32a52,52,0,0,1,43.83,24h32.34A52,52,0,0,1,196,32a51.92,51.92,0,0,1,3.49,44.7A49.28,49.28,0,0,1,208,104Z" opacity="0.2"></path><path d="M208.3,75.68A59.74,59.74,0,0,0,202.93,28,8,8,0,0,0,196,24a59.75,59.75,0,0,0-48,24H124A59.75,59.75,0,0,0,76,24a8,8,0,0,0-6.93,4,59.78,59.78,0,0,0-5.38,47.68A58.14,58.14,0,0,0,56,104v8a56.06,56.06,0,0,0,48.44,55.47A39.8,39.8,0,0,0,96,192v8H72a24,24,0,0,1-24-24A40,40,0,0,0,8,136a8,8,0,0,0,0,16,24,24,0,0,1,24,24,40,40,0,0,0,40,40H96v16a8,8,0,0,0,16,0V192a24,24,0,0,1,48,0v40a8,8,0,0,0,16,0V192a39.8,39.8,0,0,0-8.44-24.53A56.06,56.06,0,0,0,216,112v-8A58,58,0,0,0,208.3,75.68ZM200,112a40,40,0,0,1-40,40H112a40,40,0,0,1-40-40v-8a41.74,41.74,0,0,1,6.9-22.48A8,8,0,0,0,80,73.83a43.81,43.81,0,0,1,.79-33.58,43.88,43.88,0,0,1,32.32,20.06A8,8,0,0,0,119.82,64h32.35a8,8,0,0,0,6.74-3.69,43.87,43.87,0,0,1,32.32-20.06A43.81,43.81,0,0,1,192,73.83a8.09,8.09,0,0,0,1,7.65A41.76,41.76,0,0,1,200,104Z"></path></svg></a><a href="https://www.linkedin.com/in/heramb-salunkhe/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" title="LinkedIn" class="text-foreground/70 transition-colors hover:text-foreground "><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="text-foreground hover:text-muted-foreground"><rect width="256" height="256" fill="none"></rect><path d="M224,40V216a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8H216A8,8,0,0,1,224,40Z" opacity="0.2"></path><path d="M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24Zm0,192H40V40H216V216ZM96,112v64a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0Zm88,28v36a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140ZM100,84A12,12,0,1,1,88,72,12,12,0,0,1,100,84Z"></path></svg></a><a href="mailto:[email protected]" aria-label="Email" title="Email" class="text-foreground/70 transition-colors hover:text-foreground "><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="text-foreground hover:text-muted-foreground"><rect width="256" height="256" fill="none"></rect><path d="M224,56l-96,88L32,56Z" opacity="0.2"></path><path d="M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM203.43,64,128,133.15,52.57,64ZM216,192H40V74.19l82.59,75.71a8,8,0,0,0,10.82,0L216,74.19V192Z"></path></svg></a></div><div class="pt-3.5 flex flex-col items-start gap-2"><button type="button" class="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-[5px] border border-border bg-neutral-100/90 text-[12px] md:text-[12.5px] leading-none text-foreground shadow-[0_1px_1px_rgba(0,0,0,0.06)] dark:bg-neutral-800/90 dark:text-neutral-200 dark:shadow-[0_1px_0_rgba(255,255,255,0.06)] select-none transition-all duration-150 cursor-pointer group whitespace-nowrap hover:border-foreground
1/40" aria-label="press K to navigate"><span class="text-muted-foreground/75 font-normal">press</span><span class="font-normal text-foreground">K</span><span class="text-muted-foreground/75 font-normal">to navigate</span></button></div></div></aside><div class="lg:hidden"><header class="border-b border-border/70"><div class="px-6 py-5 pb-0 flex flex-col gap-4"><div class="flex items-center justify-between px-5 pt-5"><div class="flex items-center gap-2"><a class="font-semibold tracking-[-0.025em]" href="/">Heramb Salunkhe</a><button class="text-foreground/70 hover:text-foreground" aria-label="Toggle theme"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256" class="text-foreground hover:text-muted-foreground"><rect width="256" height="256" fill="none"></rect><path d="M210.69,158.18A88,88,0,1,1,97.82,45.31,96.08,96.08,0,0,0,192,160,96.78,96.78,0,0,0,210.69,158.18Z" opacity="0.2"></path><path d="M240,96a8,8,0,0,1-8,8H216v16a8,8,0,0,1-16,0V104H184a8,8,0,0,1,0-16h16V72a8,8,0,0,0,16,0V88h16A8,8,0,0,1,240,96ZM144,56h8v8a8,8,0,0,0,16,0V56h8a8,8,0,0,0,0-16h-8V32a8,8,0,0,0-16,0v8h-8a8,8,0,0,0,0,16Zm72.77,97a8,8,0,0,1,1.43,8A96,96,0,1,1,95.07,37.8a8,8,0,0,1,10.6,9.06A88.07,88.07,0,0,0,209.14,150.33,8,8,0,0,1,216.77,153Zm-19.39,14.88c-1.79.09-3.59.14-5.38.14A104.11,104.11,0,0,1,88,64c0-1.79,0-3.59.14-5.38A80,80,0,1,0,197.38,167.86Z"></path></svg></button></div><button type="button" class="inline-flex items-center justify-center p-1 rounded-[6px] bg-neutral-100/90 shadow-[0_1px_1px_rgba(0,0,0,0.06)] dark:bg-neutral-800/90 dark:shadow-[0_1px_0_rgba(255,255,255,0.06)] select-none transition-all hover:bg-neutral-200/80 dark:hover:bg-neutral-700/80 cursor-pointer active:scale-95" aria-label="press to navigate"><img alt="Navigate" width="20" height="20" decoding="async" data-nimg="1" class="w-5 h-5 object-contain rounded-full" style="color:transparent" src="/geass.png"/></button></div></div><nav class="overflow-x-auto px-6 pt-2 pb-3 scrollbar-none"><div class="flex min-w-max px-4 items-center gap-6"><a class="relative inline-flex items-center" href="/about"><span class="underline decoration-[1px] underline-offset-[4px]">About Me</span></a><a class="relative inline-flex items-center" href="/projects"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-corner-down-right absolute right-full mr-1 top-1/2 -translate-y-1/2 text-blue-500" aria-hidden="true"><path d="m15 10 5 5-5 5"></path><path d="M4 4v7a4 4 0 0 0 4 4h12"></path></svg><span class="font-semibold">Projects</span></a><a class="relative inline-flex items-center" href="/blog"><span class="underline decoration-[1px] underline-offset-[4px]">Blogs</span></a><a class="relative inline-flex items-center" href="/til"><span class="underline decoration-[1px] underline-offset-[4px]">TIL</span></a><a class="relative inline-flex items-center" href="/resume"><span class="underline decoration-[1px] underline-offset-[4px]">Resume</span></a></div></nav></header></div><div class="flex-1"><div class="relative min-h-screen w-full bg-background"><div class="relative z-10"><div style="transition:opacity 280ms ease-out;opacity:1"><main class="mx-auto max-w-6xl px-4 md:px-6 pt-6 md:pt-6 lg:pr-48 xl:pr-52"><div class="flex flex-col gap-2 py-8"><div class="mb-5"><div tabindex="0"><a class="group relative inline-flex items-center justify-center gap-1.5 px-2.5 py-1 text-[9px] font-semibold text-primary-foreground bg-primary border border-transparent rounded-lg shadow-[0_1px_2px_rgba(0,0,0,0.24)] hover:bg-primary/80 active:bg-primary transition-all duration-200 group" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-left text-emerald-300 dark:text-emerald-600" aria-hidden="true"><path d="M7 17V7h10"></path><path d="M17 17 7 7"></path></svg>Go Back</a></div></div><div class="w-full"><section id="projects" class="flex flex-col gap-6 relative w-full"><div class="flex flex-col gap-4"><h2 class="text-center py-2 text-3xl sm:text-4xl font-normal font-inter text-foreground">Projects</h2><span class="flex flex-wrap items-center justify-center gap-2 px-4 pt-1 text-center text-xs text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info h-4 w-4 shrink-0" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg><span>Filter by tags by selecting any tag below</span></span><div class="flex flex-row flex-wrap items-center justify-center gap-2 pt-1 px-4"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">Agentic AI</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">AI-ML</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">AI/ML</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground
1/50">Browser Extension</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Data Communications</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Data Visualization</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground
1/50">DSP</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Embedded C</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">ENS</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">ERP</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">Fullstack</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">IOT</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Knowledge Graph</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground
1/50">LLM</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">MPU6050</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Networking</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Next.js</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">Openai</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Power BI</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Python</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground
1/50">R</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">React</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Research</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">SaaS</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">Side-Project</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">TypeScript</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Web Audio API</kbd></div></div><div class="border-t border-b border-dashed border-border/80"><div class="grid grid-cols-1 md:grid-cols-2"><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="okl.ink project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Foklink-shots.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Foklink-shots.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Foklink-shots.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Foklink-shots.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Foklink-shots.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Foklink-shots.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Foklink-shots.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Foklink-shots.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Foklink-shots.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Foklink-shots.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">okl.ink</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2026</span></div><div class="pt-0.5"><div class="inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 text-[10px] border border-yellow-300 dark:border-yellow-700 bg-yellow-500/10 text-yellow-700 dark:text-yellow-400"><div class="size-1.5 rounded-full bg-yellow-500"></div>In Development</div></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">A builder-centric platform for creating beautiful link-in-bio pages, branded short links, QR codes, and powerful URL management.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">SaaS</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Fullstack</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><a href="https://www.okl.ink" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Live</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="Archyve project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Farchyve.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Farchyve.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Farchyve.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Farchyve.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Farchyve.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Farchyve.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Farchyve.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Farchyve.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Farchyve.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Farchyve.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">Archyve</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2026</span></div><div class="pt-0.5"><div class="inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 text-[10px] border border-green-300 dark:border-green-700 bg-green-500/10 text-green-700 dark:text-green-400"><div class="size-1.5 rounded-full bg-green-500 animate-pulse"></div>All Systems Operational</div></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">An AI-powered research intelligence platform that transforms research papers into structured, validated intelligence.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">AI-ML</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Fullstack</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Browser Extension</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><a href="https://archyve.xyz" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Live</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><video src="https://uazudyncw7bpogs4.public.blob.vercel-storage.com/nemo-os-demo.mp4" autoPlay="" loop="" muted="" playsInline="" preload="metadata" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"></video><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">nemo os</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2026</span></div><div class="pt-0.5"><div class="inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 text-[10px] border border-yellow-300 dark:border-yellow-700 bg-yellow-500/10 text-yellow-700 dark:text-yellow-400"><div class="size-1.5 rounded-full bg-yellow-500"></div>In Development</div></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">Gamified placement preparation OS with adaptive tasks and AI-generated validation.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">Fullstack</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">SaaS</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">LLM</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Python</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><button type="button" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Details</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><video src="https://uazudyncw7bpogs4.public.blob.vercel-storage.com/odoo-demo-29March26-2.mp4" autoPlay="" loop="" muted="" playsInline="" preload="metadata" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"></video><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">Expense Tracker</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2026</span></div><div class="pt-0.5"><div class="inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[10px] border border-primary/30 bg-amber-200/50 dark:bg-amber-900/30 text-amber-950 dark:text-amber-200"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="h-3 w-3 text-primary shrink-0" fill="currentColor"><rect width="300" height="300" fill="none"></rect><circle cx="128" cy="96" r="80" fill="#4c596a" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle><circle cx="128" cy="96" r="48" fill="#4c596a" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle><polyline points="176 160 176 240 127.99 216 80 240 80 160.01" fill="#4c596a" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline></svg><span>Won at <!-- -->Oddo Hackathon 2026</span></div></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">Role-based expense management platform with approvals and policy governance.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">TypeScript</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Next.js</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Fullstack</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground
1/50">SaaS</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><a href="https://expense-os-pi.vercel.app/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Live</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="Team Communication Processing &amp; Audio Enhancement project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fteam-communication.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fteam-communication.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fteam-communication.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fteam-communication.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fteam-communication.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fteam-communication.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fteam-communication.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fteam-communication.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fteam-communication.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fteam-communication.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">Team Communication Processing &amp; Audio Enhancement</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2026</span></div><div class="pt-0.5"><div class="inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[10px] border border-primary/30 bg-primary/10 text-foreground"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="h-3 w-3 text-primary shrink-0" fill="currentColor"><rect width="300" height="300" fill="none"></rect><circle cx="128" cy="96" r="80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle><circle cx="128" cy="96" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle><polyline points="176 160 176 240 127.99 216 80 240 80 160.01" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline></svg><span>Submitted for <!-- -->GSoC 2026</span></div></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">Built a research pipeline to evaluate team communication datasets and enhance noisy meeting audio using spectral gating, bandpass filtering, and voice activity detection for improved downstream speech analysis.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">Fullstack</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Python</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><button type="button" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Details</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="ISSR3 A/B Trust Experiment project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Ftrust-eval.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Ftrust-eval.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Ftrust-eval.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Ftrust-eval.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Ftrust-eval.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Ftrust-eval.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Ftrust-eval.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Ftrust-eval.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Ftrust-eval.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Ftrust-eval.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">ISSR3 A/B Trust Experiment</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2026</span></div><div class="pt-0.5"><div class="inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[10px] border border-primary/30 bg-primary/10 text-foreground"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="h-3 w-3 text-primary shrink-0" fill="currentColor"><rect width="300" height="300" fill="none"></rect><circle cx="128" cy="96" r="80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle>
1<circle cx="128" cy="96" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle><polyline points="176 160 176 240 127.99 216 80 240 80 160.01" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline></svg><span>Submitted for <!-- -->GSoC 2026</span></div></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">Controlled experiment on AI recommendation framing and user trust behavior.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Research</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">AI/ML</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Python</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">React</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><a href="https://github.com/hebuildapps/GSoC-2026-trust-experiment" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium bg-neutral-900 text-white dark:bg-neutral-100 dark:text-neutral-900 hover:opacity-85 transition-opacity shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-3.5"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.53 1.032 1.53 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"></path></svg><span>GitHub</span></a><a href="https://trust-eval.vercel.app/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Live</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="flocii project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fflocii-shots.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fflocii-shots.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fflocii-shots.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fflocii-shots.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fflocii-shots.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fflocii-shots.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fflocii-shots.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fflocii-shots.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fflocii-shots.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fflocii-shots.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground
1/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">flocii</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2026</span></div><div class="pt-0.5"><div class="inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 text-[10px] border border-green-300 dark:border-green-700 bg-green-500/10 text-green-700 dark:text-green-400"><div class="size-1.5 rounded-full bg-green-500 animate-pulse"></div>All Systems Operational</div></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">Editorial-grade deep work protocol with procedural soundscapes and zen visualizer environments.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">Fullstack</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Next.js</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Web Audio API</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground
1/50">Side-Project</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><a href="https://github.com/hebuildapps/flocii" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium bg-neutral-900 text-white dark:bg-neutral-100 dark:text-neutral-900 hover:opacity-85 transition-opacity shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-3.5"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.53 1.032 1.53 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"></path></svg><span>GitHub</span></a><a href="https://flocii.heramb.icu" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Live</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="placement tracking analytics dashboard project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fplacement-admin-shots.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fplacement-admin-shots.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fplacement-admin-shots.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fplacement-admin-shots.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fplacement-admin-shots.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fplacement-admin-shots.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fplacement-admin-shots.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fplacement-admin-shots.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fplacement-admin-shots.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fplacement-admin-shots.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground
1/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">placement tracking analytics dashboard</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2025</span></div><div class="pt-0.5"><div class="inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 text-[10px] border border-green-300 dark:border-green-700 bg-green-500/10 text-green-700 dark:text-green-400"><div class="size-1.5 rounded-full bg-green-500 animate-pulse"></div>All Systems Operational</div></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">Placement data visualizer with role-based access and analytics dashboards.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">SaaS</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Fullstack</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Data Visualization</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><a href="https://github.com/hebuildapps/Placement-Admin" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium bg-neutral-900 text-white dark:bg-neutral-100 dark:text-neutral-900 hover:opacity-85 transition-opacity shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-3.5"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.53 1.032 1.53 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"></path></svg><span>GitHub</span></a><a href="https://placement-admin.vercel.app" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Live</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="MeTTaPay project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmettapay.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmettapay.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmettapay.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmettapay.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmettapay.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmettapay.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmettapay.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmettapay.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmettapay.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmettapay.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground
1/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">MeTTaPay</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2025</span></div><div class="pt-0.5"><div class="inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[10px] border border-primary/30 bg-primary/10 text-foreground"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="h-3 w-3 text-primary shrink-0" fill="currentColor"><rect width="300" height="300" fill="none"></rect><circle cx="128" cy="96" r="80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle><circle cx="128" cy="96" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle><polyline points="176 160 176 240 127.99 216 80 240 80 160.01" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline></svg><span>Submitted for <!-- -->ETHGlobal New Delhi 2025</span></div></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">Non-custodial AI copilot for crypto payments built at ETHGlobal New Delhi.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">Agentic AI</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Python</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Knowledge Graph</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground
1/50">ENS</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><a href="https://github.com/hebuildapps/MeTTaPay" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium bg-neutral-900 text-white dark:bg-neutral-100 dark:text-neutral-900 hover:opacity-85 transition-opacity shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-3.5"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.53 1.032 1.53 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"></path></svg><span>GitHub</span></a><button type="button" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Details</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="AutoSubs project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fautosubs.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fautosubs.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fautosubs.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fautosubs.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fautosubs.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fautosubs.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fautosubs.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fautosubs.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fautosubs.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fautosubs.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">AutoSubs</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2025</span></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">Desktop tool to auto-generate and style captions with Whisper.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">Python</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Openai</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><a href="https://dub.sh/autosubs-git" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium bg-neutral-900 text-white dark:bg-neutral-100 dark:text-neutral-900 hover:opacity-85 transition-opacity shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-3.5"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.53 1.032 1.53 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"></path></svg><span>GitHub</span></a><button type="button" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Details</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="Neurobay project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fneurobay.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fneurobay.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fneurobay.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fneurobay.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fneurobay.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fneurobay.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fneurobay.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fneurobay.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fneurobay.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fneurobay.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground
1/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">Neurobay</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2025</span></div><div class="pt-0.5"><div class="inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[10px] border border-primary/30 bg-amber-200/50 dark:bg-amber-900/30 text-amber-950 dark:text-amber-200"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="h-3 w-3 text-primary shrink-0" fill="currentColor"><rect width="300" height="300" fill="none"></rect><circle cx="128" cy="96" r="80" fill="#4c596a" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle><circle cx="128" cy="96" r="48" fill="#4c596a" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle><polyline points="176 160 176 240 127.99 216 80 240 80 160.01" fill="#4c596a" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline></svg><span>Won at <!-- -->HackMITWPU 2025</span></div></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">Prototype marketplace for ML models, winner at HackMITWPU 2025.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">Fullstack</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">SaaS</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Side-Project</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><button type="button" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Details</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="Crop-Prediction dashboard using XgBoost project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fcrop-growth.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fcrop-growth.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fcrop-growth.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fcrop-growth.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fcrop-growth.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fcrop-growth.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fcrop-growth.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fcrop-growth.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fcrop-growth.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fcrop-growth.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">Crop-Prediction dashboard using XgBoost</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2025</span></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">Crop-growth dashboard using XGBoost with Power BI visualizations and a natural-language Q&amp;A agent.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">Power BI</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Python</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">R</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><button type="button" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Details</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="Audio Enhancement System project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fsignals.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fsignals.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fsignals.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fsignals.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fsignals.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fsignals.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fsignals.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fsignals.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fsignals.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fsignals.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">Audio Enhancement System</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2025</span></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">Real-time audio enhancement with Wiener Filter, Hanning Window, and Spectral Subtraction.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">DSP</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Python</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><button type="button" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Details</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="MoodE OS project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os-shots.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os-shots.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os-shots.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os-shots.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os-shots.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os-shots.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os-shots.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os-shots.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os-shots.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os-shots.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">MoodE OS</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2024</span></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">Real-time room automation with low-latency control and mood-driven orchestration.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">IOT</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Fullstack</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><a href="https://dub.sh/moode" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Live</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="Lernix project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Flernix-shots.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Flernix-shots.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Flernix-shots.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Flernix-shots.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Flernix-shots.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Flernix-shots.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Flernix-shots.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Flernix-shots.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Flernix-shots.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Flernix-shots.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">Lernix</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2024</span></div><div class="pt-0.5"><div class="inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 text-[10px] border border-destructive/30 bg-destructive/10 text-destructive"><div class="size-1.5 rounded-full bg-destructive"></div>Closed</div></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">College ERP with session-based QR attendance and anti-proxy verification.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">ERP</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">SaaS</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Fullstack</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><a href="https://github.com/hebuildapps/Lernix" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium bg-neutral-900 text-white dark:bg-neutral-100 dark:text-neutral-900 hover:opacity-85 transition-opacity shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-3.5"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.53 1.032 1.53 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"></path></svg><span>GitHub</span></a><button type="button" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Details</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r  "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="ml0 project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fml0.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fml0.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fml0.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fml0.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fml0.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fml0.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fml0.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fml0.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fml0.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fml0.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground
1/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">ml0</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2024</span></div><div class="pt-0.5"><div class="inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 text-[10px] border border-destructive/30 bg-destructive/10 text-destructive"><div class="size-1.5 rounded-full bg-destructive"></div>Closed</div></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">ML educational microsite with visualizations and equation rendering.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">Python</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Fullstack</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><a href="https://ml0.heramb.icu/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Live</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r md:border-b-0 "><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="Hand Gesture based automation project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fairmouse.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fairmouse.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fairmouse.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fairmouse.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fairmouse.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fairmouse.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fairmouse.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fairmouse.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fairmouse.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fairmouse.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">Hand Gesture based automation</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2024</span></div><div class="pt-0.5"><div class="inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[10px] border border-primary/30 bg-amber-200/50 dark:bg-amber-900/30 text-amber-950 dark:text-amber-200"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="h-3 w-3 text-primary shrink-0" fill="currentColor"><rect width="300" height="300" fill="none"></rect>
1<circle cx="128" cy="96" r="80" fill="#4c596a" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle><circle cx="128" cy="96" r="48" fill="#4c596a" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle><polyline points="176 160 176 240 127.99 216 80 240 80 160.01" fill="#4c596a" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline></svg><span>Won at <!-- -->PBL Expo 2025</span></div></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">Wearable glove hardware to automate actions and hotkeys using gesture recognition.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground
1/50">Data Communications</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Networking</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">IOT</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">MPU6050</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">Embedded C</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><a href="https://github.com/hebuildapps/Hand-gesture-based-automation" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium bg-neutral-900 text-white dark:bg-neutral-100 dark:text-neutral-900 hover:opacity-85 transition-opacity shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-3.5"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.53 1.032 1.53 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"></path></svg><span>GitHub</span></a><button type="button" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Details</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></div></div></div><div class="p-6 sm:p-8 flex flex-col border-b border-dashed border-border/80 md:[&amp;:nth-child(odd)]:border-r md:border-b-0 border-b-0"><div class="group flex flex-col justify-between h-full w-full"><div class="flex flex-col"><div class="relative overflow-hidden rounded-[10px] w-full aspect-4/3 bg-neutral-100 dark:bg-neutral-900 border border-black/10 dark:border-white/10 transition-all duration-300 group-hover:border-black/20 dark:group-hover:border-white/20 cursor-pointer shadow-sm"><img alt="Room-based automation system project cover" loading="lazy" width="1200" height="900" decoding="async" data-nimg="1" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 500px" srcSet="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os.png&amp;w=384&amp;q=75 384w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fuazudyncw7bpogs4.public.blob.vercel-storage.com%2Fmoode-os.png&amp;w=3840&amp;q=75"/><div class="absolute top-2.5 left-2.5 px-2 py-0.5 rounded-md bg-white/60 dark:bg-black/60 backdrop-blur-md border border-white/20 dark:border-white/10 text-[10.5px] font-mono font-medium text-foreground
1/90 select-none pointer-events-none shadow-sm">1.00</div></div><div class="mt-4 sm:mt-5 flex flex-col gap-1.5 flex-1"><div class="flex items-baseline justify-between gap-3"><h3 class="text-lg sm:text-xl font-semibold text-foreground tracking-tight hover:text-primary transition-colors cursor-pointer">Room-based automation system</h3><span class="text-xs sm:text-[13px] text-muted-foreground font-normal shrink-0">2024</span></div><div class="pt-0.5"><div class="inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[10px] border border-primary/30 bg-amber-200/50 dark:bg-amber-900/30 text-amber-950 dark:text-amber-200"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="h-3 w-3 text-primary shrink-0" fill="currentColor"><rect width="300" height="300" fill="none"></rect><circle cx="128" cy="96" r="80" fill="#4c596a" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle><circle cx="128" cy="96" r="48" fill="#4c596a" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle><polyline points="176 160 176 240 127.99 216 80 240 80 160.01" fill="#4c596a" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline></svg><span>Won at <!-- -->PBL Expo 2024</span></div></div><p class="text-xs sm:text-[13px] text-muted-foreground leading-relaxed line-clamp-3 pt-1">Networked home automation prototype controlling appliances via Blynk API and microcontrollers.</p><div class="flex flex-wrap gap-1.5 pt-2"><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground
1/10 hover:border-foreground/50">IOT</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Embedded C</kbd><kbd class="inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-[0.25rem] border px-2 py-1 text-[11px] font-medium leading-[1.2] transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-sm bg-card text-card-foreground border-border hover:bg-foreground/10 hover:border-foreground/50">Side-Project</kbd></div></div></div><div class="mt-5 pt-1 flex items-center gap-2.5"><a href="https://github.com/hebuildapps/MoodE-development" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium bg-neutral-900 text-white dark:bg-neutral-100 dark:text-neutral-900 hover:opacity-85 transition-opacity shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-3.5"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.53 1.032 1.53 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"></path></svg><span>GitHub</span></a><button type="button" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium border border-border bg-card hover:bg-neutral-100 dark:hover:bg-neutral-800 text-foreground transition-colors shadow-sm"><span>Details</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 text-muted-foreground" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></div></div></div></div></div></section></div></div></main></div></div></div><!--$--><!--/$--></div><footer class="bg-background text-foreground"><div class="mx-auto max-w-4xl px-4 pb-10 pt-4 md:px-6"><div class="border-t border-border/40"></div><button type="button" class="mt-5 text-left font-mono text-[11px] mb-12 text-muted-foreground transition-colors hover:text-foreground/90 group cursor-pointer focus:outline-none" aria-label="Click to cycle quotes"><p class="leading-relaxed text-foreground/80 group-hover:text-foreground transition-colors">Do you want to be liked, or do you want to win?<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 256 256" class="inline-block ml-1.5 size-3.5 align-[-2px] opacity-100 group-hover:opacity-20 transition-opacity duration-200"><rect width="256" height="256" fill="none"></rect><path d="M32,128A64,64,0,0,1,96,64H224v64a64,64,0,0,1-64,64H32Z" opacity="0.2" fill="#2e2378"></path><polyline points="200 88 224 64 200 40" fill="none" stroke="#2e2378" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline><path d="M32,128A64,64,0,0,1,96,64H224" fill="none" stroke="#2e2378" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><polyline points="56 168 32 192 56 216" fill="none" stroke="#2e2378" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline><path d="M224,128a64,64,0,0,1-64,64H32" fill="none" stroke="#2e2378" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path></svg></p><div class="mt-2.5 flex items-center"><span class="inline-flex items-center gap-1.5 rounded-md text-sm bg-muted/40 px-2 py-0.5 font-medium text-muted-foreground
1/90 group-hover:border-border group-hover:bg-muted/70 group-hover:text-foreground transition-all   [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive "><span data-slot="avatar" class="relative flex shrink-0 overflow-hidden rounded-full size-3.5 ring-1 ring-border/40"><span data-slot="avatar-fallback" class="flex size-full items-center justify-center rounded-full text-[6px] bg-muted font-sans font-medium">MA</span></span><span class="font-sans font-medium text-[8px] text-foreground/80">Marc Andreessen</span><span class="font-sans text-foreground/60 text-[6px]">@<!-- -->pmarca</span></span></div></button></div></footer><div class="pointer-events-none fixed inset-x-0 bottom-0 z-[15] h-[60px] select-none bg-gradient-to-t from-background to-transparent opacity-100 backdrop-blur-[5px] [mask-image:linear-gradient(to_top,black_50%,transparent)] [-webkit-mask-image:linear-gradient(to_top,black_50%,transparent)]"></div><div class="fixed bottom-3 right-3 z-50 flex flex-col items-end lg:[right:calc(max(1.5rem,calc((100vw-72rem)/2+1.5rem))-1rem)] font-jetbrains"><div class="inline-flex items-center gap-2 rounded-full border border-[#2f3148] bg-[#202132]/95 px-2.5 py-0.5 sm:px-3 sm:py-1 text-[#d5d0eb] shadow-[0_6px_20px_rgba(0,0,0,0.45)] backdrop-blur-md transition-all select-none font-jetbrains text-[10px] sm:text-[11px] leading-none"><button type="button" aria-label="Coffee Mode OFF" title="Coffee Mode ON" class="relative flex items-center justify-center p-0.5 transition-all cursor-pointer active:scale-90 leading-none text-[#d5d0eb] hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1200" class="h-3 w-3 fill-current transition-colors"><g transform="scale(1, -1) translate(0, -1000)"><path fill="currentColor" d="M173 302Q174 230 224 180Q274 130 346 129H692Q764 130 814 180Q864 230 865 302H923Q1018 302 1086 370Q1154 438 1154 533Q1154 628 1086 696Q1018 764 923 764H231Q207 764 190 747Q173 730 173 706V302ZM288 648H808V302Q808 254 774 220Q740 186 692 186H346Q298 186 264 220Q230 254 230 302V648ZM865 417V648H923Q970 648 1004 614Q1038 580 1038 533Q1038 485 1004 451Q970 417 923 417H865ZM58 71H981Q1006 70 1022 54Q1038 38 1038 14Q1038 -10 1022 -27Q1006 -44 981 -44H58Q34 -44 17 -27Q0 -10 0 14Q0 38 17 54Q34 70 58 71Z"></path></g></svg></button><button type="button" aria-label="Open AI Chat" class="flex items-center justify-center p-0.5 transition-all cursor-pointer active:scale-90 leading-none text-[#d5d0eb] hover:text-white"><span class="font-jetbrains text-[12px] sm:text-[13px] leading-none inline-block transition-transform transform translate-y-[-0.5px]">✦</span></button><span class="font-jetbrains text-[9.5px] sm:text-[10px] font-medium tracking-wide text-[#d5d0eb] whitespace-nowrap pl-0.5">--:-- --</span></div></div><canvas class="pointer-events-none fixed inset-0 z-[99999] select-none" style="pointer-events:none;width:100vw;height:100vh" aria-hidden="true"></canvas></div></div>
1<script src="/_next/static/chunks/webpack-c880b62480ae1c4d.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[8955,[\"2619\",\"static/chunks/2619-6352ef9022ea9a44.js\",\"9076\",\"static/chunks/9076-265ac2819a3e4047.js\",\"4909\",\"static/chunks/4909-3b4ba2692e7e1291.js\",\"1356\",\"static/chunks/1356-a079ab6ce0bc743b.js\",\"8564\",\"static/chunks/8564-d54c292c92d3304a.js\",\"6883\",\"static/chunks/6883-c55b1f16689e7191.js\",\"7177\",\"static/chunks/app/layout-74efe5833e6fe19c.js\"],\"Analytics\"]\n3:I[1458,[\"2619\",\"static/chunks/2619-6352ef9022ea9a44.js\",\"9076\",\"static/chunks/9076-265ac2819a3e4047.js\",\"4909\",\"static/chunks/4909-3b4ba2692e7e1291.js\",\"1356\",\"static/chunks/1356-a079ab6ce0bc743b.js\",\"8564\",\"static/chunks/8564-d54c292c92d3304a.js\",\"6883\",\"static/chunks/6883-c55b1f16689e7191.js\",\"7177\",\"static/chunks/app/layout-74efe5833e6fe19c.js\"],\"ThemeProvider\"]\n4:I[560,[\"2619\",\"static/chunks/2619-6352ef9022ea9a44.js\",\"9076\",\"static/chunks/9076-265ac2819a3e4047.js\",\"4909\",\"static/chunks/4909-3b4ba2692e7e1291.js\",\"1356\",\"static/chunks/1356-a079ab6ce0bc743b.js\",\"8564\",\"static/chunks/8564-d54c292c92d3304a.js\",\"6883\",\"static/chunks/6883-c55b1f16689e7191.js\",\"7177\",\"static/chunks/app/layout-74efe5833e6fe19c.js\"],\"BackgroundProvider\"]\n5:I[6685,[\"2619\",\"static/chunks/2619-6352ef9022ea9a44.js\",\"9076\",\"static/chunks/9076-265ac2819a3e4047.js\",\"4909\",\"static/chunks/4909-3b4ba2692e7e1291.js\",\"1356\",\"static/chunks/1356-a079ab6ce0bc743b.js\",\"8564\",\"static/chunks/8564-d54c292c92d3304a.js\",\"6883\",\"static/chunks/6883-c55b1f16689e7191.js\",\"7177\",\"static/chunks/app/layout-74efe5833e6fe19c.js\"],\"default\"]\n6:I[9766,[],\"\"]\n7:I[8924,[],\"\"]\n8:I[3486,[\"2619\",\"static/chunks/2619-6352ef9022ea9a44.js\",\"4909\",\"static/chunks/4909-3b4ba2692e7e1291.js\",\"4345\",\"static/chunks/app/not-found-27e13c92b41a18cd.js\"],\"default\"]\n9:I[6303,[\"2619\",\"static/chunks/2619-6352ef9022ea9a44.js\",\"9076\",\"static/chunks/9076-265ac2819a3e4047.js\",\"4909\",\"static/chunks/4909-3b4ba2692e7e1291.js\",\"1356\",\"static/chunks/1356-a079ab6ce0bc743b.js\",\"8564\",\"static/chunks/8564-d54c292c92d3304a.js\",\"6883\",\"static/chunks/6883-c55b1f16689e7191.js\",\"7177\",\"static/chunks/app/layout-74efe5833e6fe19"])</script>
1<script>self.__next_f.push([1,"c.js\"],\"default\"]\na:I[8715,[\"2619\",\"static/chunks/2619-6352ef9022ea9a44.js\",\"9076\",\"static/chunks/9076-265ac2819a3e4047.js\",\"4909\",\"static/chunks/4909-3b4ba2692e7e1291.js\",\"1356\",\"static/chunks/1356-a079ab6ce0bc743b.js\",\"8564\",\"static/chunks/8564-d54c292c92d3304a.js\",\"6883\",\"static/chunks/6883-c55b1f16689e7191.js\",\"7177\",\"static/chunks/app/layout-74efe5833e6fe19c.js\"],\"default\"]\nb:I[1913,[\"2619\",\"static/chunks/2619-6352ef9022ea9a44.js\",\"9076\",\"static/chunks/9076-265ac2819a3e4047.js\",\"4909\",\"static/chunks/4909-3b4ba2692e7e1291.js\",\"1356\",\"static/chunks/1356-a079ab6ce0bc743b.js\",\"8564\",\"static/chunks/8564-d54c292c92d3304a.js\",\"6883\",\"static/chunks/6883-c55b1f16689e7191.js\",\"7177\",\"static/chunks/app/layout-74efe5833e6fe19c.js\"],\"default\"]\nc:I[8772,[\"2619\",\"static/chunks/2619-6352ef9022ea9a44.js\",\"9076\",\"static/chunks/9076-265ac2819a3e4047.js\",\"4909\",\"static/chunks/4909-3b4ba2692e7e1291.js\",\"1356\",\"static/chunks/1356-a079ab6ce0bc743b.js\",\"8564\",\"static/chunks/8564-d54c292c92d3304a.js\",\"6883\",\"static/chunks/6883-c55b1f16689e7191.js\",\"7177\",\"static/chunks/app/layout-74efe5833e6fe19c.js\"],\"SparkBurstContainer\"]\nd:I[956,[\"2619\",\"static/chunks/2619-6352ef9022ea9a44.js\",\"9076\",\"static/chunks/9076-265ac2819a3e4047.js\",\"4909\",\"static/chunks/4909-3b4ba2692e7e1291.js\",\"1356\",\"static/chunks/1356-a079ab6ce0bc743b.js\",\"8564\",\"static/chunks/8564-d54c292c92d3304a.js\",\"6883\",\"static/chunks/6883-c55b1f16689e7191.js\",\"7177\",\"static/chunks/app/layout-74efe5833e6fe19c.js\"],\"default\"]\ne:I[1959,[],\"ClientPageRoot\"]\nf:I[9978,[\"2619\",\"static/chunks/2619-6352ef9022ea9a44.js\",\"9076\",\"static/chunks/9076-265ac2819a3e4047.js\",\"4909\",\"static/chunks/4909-3b4ba2692e7e1291.js\",\"1356\",\"static/chunks/1356-a079ab6ce0bc743b.js\",\"2343\",\"static/chunks/2343-6c154fac06c2d21f.js\",\"7855\",\"static/chunks/7855-f6811324a9a9a4f1.js\",\"893\",\"static/chunks/app/projects/page-12d56ba3057795f5.js\"],\"default\"]\n12:I[4431,[],\"OutletBoundary\"]\n14:I[5278,[],\"AsyncMetadataOutlet\"]\n16:I[4431,[],\"ViewportBoundary\"]\n18:I[4431,[],\"MetadataBoundary\"]\n19:\"$Sreact.suspense\"\n1b:I[406"])</script>
1<script>self.__next_f.push([1,"2,[\"2619\",\"static/chunks/2619-6352ef9022ea9a44.js\",\"4219\",\"static/chunks/app/global-error-a8c555f23190086c.js\"],\"default\"]\n:HL[\"/_next/static/media/46bdd75a3ff56824-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/4c9affa5bc8f420e-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/793968fa3513f5d6-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/94aa5fe8d36eeae8-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/bb3ef058b751a6ad-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/d8c14dc5fcaf3a63-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e7b5e188fed5a3c0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/b3cab86783872f1d.css\",\"style\"]\n:HL[\"/_next/static/css/bd84f9cf6f2a805c.css\",\"style\"]\n:HL[\"/_next/static/css/b7b3741b17fa3ae2.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"2SWvx1Lr1nG3c8y9GQvbb\",\"p\":\"\",\"c\":[\"\",\"projects\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"projects\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b3cab86783872f1d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/bd84f9cf6f2a805c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b7b3741b17fa3ae2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"__variable_73ee6c __variable_f367f3 __variable_c86147 __variable_724806 __variable_af5ebc __variable_3c557b __variable_7511d4\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://cdn.jsdelivr.net\"}]]}],[\"$\",\"body\",null,{\"suppressHydrationWarning\":true,\"children\":[\"$\",\"$L3\",null,{\"attribute\":\"class\",\"defaultTheme\":\"light\",\"enableSystem\":false,\"disableTransitionOnChange\":true,\"children\":[\"$\",\"$L4\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"relative isolate min-h-screen overflow-x-hidden\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"relative z-10 flex min-h-screen flex-col\",\"children\":[[\"$\",\"$L5\",null,{}],[\"$\",\"div\",null,{\"className\":\"flex-1\",\"children\":[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L8\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L9\",null,{}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none fixed inset-x-0 bottom-0 z-[15] h-[60px] select-none bg-gradient-to-t from-background to-transparent opacity-100 backdrop-blur-[5px] [mask-image:linear-gradient(to_top,black_50%,transparent)] [-webkit-mask-image:linear-gradient(to_top,black_50%,transparent)]\"}],[\"$\",\"$La\",null,{}],[\"$\",\"$Lb\",null,{}],[\"$\",\"$Lc\",null,{}],[\"$\",\"$Ld\",null,{}]]}]]}]}]}]}]]}]]}],{\"children\":[\"projects\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$Le\",null,{\"Component\":\"$f\",\"searchParams\":{},\"params\":{},\"promises\":[\"$@10\",\"$@11\"]}],null,[\"$\",\"$L12\",null,{\"children\":[\"$L13\",[\"$\",\"$L14\",null,{\"promise\":\"$@15\"}]]}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L16\",null,{\"children\":\"$L17\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L18\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$19\",null,{\"fallback\":null,\"children\":\"$L1a\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$1b\",[]],\"s\":false,\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"10:{}\n11:\"$0:f:0:1:2:children:2:children:1:props:children:0:props:params\"\n"])</script>
1<script>self.__next_f.push([1,"17:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n13:null\n"])</script>
1<script>self.__next_f.push([1,"1c:I[622,[],\"IconMark\"]\n"])</script>
1<script>self.__next_f.push([1,"15:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Projects — Heramb Salunkhe\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Curated collection of projects, engineering research, and web applications built by Heramb Salunkhe.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"alternate\",\"type\":\"application/rss+xml\",\"href\":\"https://heramb.icu/rss.xml\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"Projects Showcase — Heramb Salunkhe\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"Curated collection of projects, engineering research, and web applications built by Heramb Salunkhe.\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:image\",\"content\":\"https://heramb.icu/api/og?title=Projects+Showcase+%E2%80%94+Heramb\u0026description=Production+web+applications%2C+research+pipelines%2C+AI+copilots%2C+and+IoT+systems+built+with+taste.\u0026category=showcase\u0026path=heramb.icu%2Fprojects\u0026badge=Engineering\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:alt\",\"content\":\"Projects Showcase by Heramb\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:title\",\"content\":\"Projects Showcase — Heramb Salunkhe\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:description\",\"content\":\"Curated collection of projects, engineering research, and web applications built by Heramb Salunkhe.\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:image\",\"content\":\"https://heramb.icu/api/og?title=Projects+Showcase+%E2%80%94+Heramb\u0026description=Production+web+applications%2C+research+pipelines%2C+AI+copilots%2C+and+IoT+systems+built+with+taste.\u0026category=showcase\u0026path=heramb.icu%2Fprojects\u0026badge=Engineering\"}],[\"$\",\"link\",\"14\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"48x48\"}],[\"$\",\"$L1c\",\"15\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
1<script>self.__next_f.push([1,"1a:\"$15:metadata\"\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.