PageSourceSearch

https://shashidhar-portfolio.netlify.app/

html shashidhar-portfolio.netlify.app collected 2026-10-03 11:23:22 UTC 105,136 bytes, 4 lines download raw bytes

1<!DOCTYPE html><!--4y_7tPqcojnA1MFa3W4Vv--><html lang="en" class="scroll-smooth"><head><meta charSet="utf-8"/>
2<!-- This site is hosted on Netlify. Anyone can build and deploy a site
3     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=15821b3a-555e-473b-83a5-d1d95edba04c
4     Netlify hosting facts for this site: static/SSR served via Netlify Edge. --><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/be75ad203e65728f.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/49849b1b478e6b82.js"/>
4<script src="/_next/static/chunks/dde2c8e6322d1671.js" async=""></script>
4<script src="/_next/static/chunks/e461e3027eb348df.js" async=""></script>
4<script src="/_next/static/chunks/turbopack-7036a933d170d92b.js" async=""></script>
4<script src="/_next/static/chunks/2f236954d6a65e12.js" async=""></script>
4<script src="/_next/static/chunks/d3c6a98be50953be.js" async=""></script>
4<meta name="theme-color" content="#0f172a"/><meta name="color-scheme" content="dark"/><meta name="next-size-adjust" content=""/><title>Shashidhar Naik | Full Stack Developer — React, Node.js, Next.js</title><meta name="description" content="Portfolio of Shashidhar Naik — Software Engineer II with 4+ years building scalable enterprise web apps. Expert in React, Next.js, Node.js, TypeScript, and MERN/MEVN stack. Open source contributor."/><meta name="application-name" content="Shashidhar Naik Portfolio"/><link rel="author" href="https://shashidhar-portfolio.netlify.app"/><meta name="author" content="Shashidhar Naik"/><link rel="manifest" href="/manifest.json"/><meta name="keywords" content="Shashidhar Naik,Shashidhar Naik Portfolio,shashidhar developer,Software Engineer II,Full Stack Developer,Full Stack Developer Portfolio,Frontend Lead,JavaScript Engineer,JavaScript Developer,React Developer,React.js Developer,Next.js Developer,Node.js Developer,TypeScript Developer,MERN Stack Developer,MEVN Stack Developer,Vue.js Developer,Python Developer,Warehouse Management System Developer,Enterprise Web Application Developer,Open Source Developer,NPM Package Author,Software Engineer Bangalore,Web Developer India,Developer Portfolio,Web Application Portfolio,Software Engineer Portfolio India"/><meta name="referrer" content="origin-when-cross-origin"/><meta name="creator" content="Shashidhar Naik"/><meta name="publisher" content="Shashidhar Naik"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><meta name="category" content="technology"/><meta name="classification" content="Software Engineer Portfolio"/><meta name="theme-color" content="#0f172a"/><meta name="color-scheme" content="dark"/><meta name="msapplication-TileColor" content="#0f172a"/><link rel="canonical" href="https://shashidhar-portfolio.netlify.app"/><meta name="format-detection" content="telephone=no, address=no, email=no"/><meta property="og:title" content="Shashidhar Naik | Full Stack Developer Portfolio"/><meta property="og:description" content="Software Engineer II with 4+ years of experience. React, Next.js, Node.js, TypeScript. Frontend Lead for enterprise Warehouse Management System. Open source contributor."/><meta property="og:url" content="https://shashidhar-portfolio.netlify.app"/><meta property="og:site_name" content="Shashidhar Naik Portfolio"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://shashidhar-portfolio.netlify.app/portfolio_hero_section.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Shashidhar Naik — Full Stack Developer Portfolio Preview"/><meta property="og:image:type" content="image/png"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Shashidhar Naik | Full Stack Developer — React, Node.js, Next.js"/><meta name="twitter:description" content="Software Engineer II specializing in scalable enterprise web apps. Expert in MERN/MEVN stack and open source tools."/><meta name="twitter:image" content="https://shashidhar-portfolio.netlify.app/portfolio_hero_section.png"/><meta name="twitter:image:alt" content="Shashidhar Naik Portfolio Preview"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="icon" href="/favicon.ico?favicon.49dc0c39.ico" sizes="1024x1024" type="image/x-icon"/><link rel="icon" href="/favicon.ico" sizes="any"/><link rel="icon" href="/favicon.ico" type="image/x-icon"/><link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
4<script type="application/ld+json">{"@context":"https://schema.org","@type":"Person","@id":"https://shashidhar-portfolio.netlify.app/#person","name":"Shashidhar Naik","givenName":"Shashidhar","familyName":"Naik","jobTitle":"Software Engineer II","description":"Full Stack Developer with 4+ years of experience specializing in MERN & MEVN stack. Frontend Lead for enterprise Warehouse Management Systems. Open source contributor publishing tools on NPM.","url":"https://shashidhar-portfolio.netlify.app","image":"https://shashidhar-portfolio.netlify.app/portfolio_hero_section.png","address":{"@type":"PostalAddress","addressLocality":"Bangalore","addressRegion":"Karnataka","postalCode":"560076","addressCountry":"IN"},"sameAs":["https://github.com/shashi089","https://www.linkedin.com/in/shashidhar-naik-aab5b512a/","https://www.npmjs.com/~shashidharlbs"],"knowsAbout":["React.js","Next.js","Node.js","TypeScript","JavaScript","Vue.js","Nuxt.js","MongoDB","PostgreSQL","Python","FastAPI","Material UI","Warehouse Management Systems","Enterprise Web Applications","Open Source Development","REST APIs","Full Stack Development"],"worksFor":{"@type":"Organization","name":"Cymbeline Innovation Pvt. Ltd"},"alumniOf":{"@type":"EducationalOrganization","name":"BLDEA's College of Engineering and Technology, Bijapur"}}</script>
4<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://shashidhar-portfolio.netlify.app/#website","name":"Shashidhar Naik — Full Stack Developer Portfolio","url":"https://shashidhar-portfolio.netlify.app","description":"Professional portfolio of Shashidhar Naik, a Software Engineer II specializing in React, Next.js, Node.js, and enterprise web application development.","inLanguage":"en-US","author":{"@id":"https://shashidhar-portfolio.netlify.app/#person"}}</script>
4<script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","@id":"https://shashidhar-portfolio.netlify.app/#projects","name":"Shashidhar Naik's Software Projects","description":"A collection of enterprise-grade web applications and open-source tools built by Shashidhar Naik.","numberOfItems":6,"itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"CreativeWork","name":"Warehouse Management System (WMS)","description":"Enterprise IIoT solution for Panasonic managing inventory, storage IN/OUT, quality inspection, and BOM modules. Built with React, TypeScript, and Material UI.","url":"https://shashidhar-portfolio.netlify.app/#projects","creator":{"@id":"https://shashidhar-portfolio.netlify.app/#person"},"keywords":["Warehouse Management System","WMS","React","TypeScript","Material UI","IIoT","Enterprise","Panasonic"],"programmingLanguage":["TypeScript","JavaScript"]}},{"@type":"ListItem","position":2,"item":{"@type":"CreativeWork","name":"Stock Automation Platform","description":"High-frequency automated trading system with real-time buy/sell execution, Cron-based background jobs, and live dashboards. Built with MERN Stack and Python.","url":"https://shashidhar-portfolio.netlify.app/#projects","creator":{"@id":"https://shashidhar-portfolio.netlify.app/#person"},"keywords":["Stock Automation","MERN Stack","Node.js","Python","Real-time","Trading"],"programmingLanguage":["JavaScript","TypeScript","Python"]}},{"@type":"ListItem","position":3,"item":{"@type":"CreativeWork","name":"IIoT Monitoring Dashboard","description":"Data visualization platform for tracking machine health, production metrics, and shift management in real-time. Built with Vue.js, Node.js, and charting libraries.","url":"https://shashidhar-portfolio.netlify.app/#projects","creator":{"@id":"https://shashidhar-portfolio.netlify.app/#person"},"keywords":["IIoT","Dashboard","Vue.js","Node.js","Analytics","RBAC"],"programmingLanguage":["JavaScript","TypeScript"]}},{"@type":"ListItem","position":4,"item":{"@type":"SoftwareSourceCode","name":"QR Layout Designer & Libraries","description":"Open-source NPM suite: qrlayout-core (logic engine) and qrlayout-ui (framework-agnostic UI components) for designing and printing QR labels.","url":"https://qr-layout-designer.netlify.app/","codeRepository":"https://github.com/shashi089/qr-code-layout-generate-tool","creator":{"@id":"https://shashidhar-portfolio.netlify.app/#person"},"keywords":["Open Source","NPM","QR Code","React","TypeScript","Library"],"programmingLanguage":["TypeScript","JavaScript"],"license":"https://opensource.org/licenses/MIT"}},{"@type":"ListItem","position":5,"item":{"@type":"CreativeWork","name":"E-Commerce Application","description":"Responsive e-commerce platform with product catalog, filtering, search, and shopping cart functionality built with React.js and Bootstrap.","url":"https://shashidhar-portfolio.netlify.app/#projects","creator":{"@id":"https://shashidhar-portfolio.netlify.app/#person"},"keywords":["E-Commerce","React.js","Bootstrap","JavaScript"],"programmingLanguage":["JavaScript"]}},{"@type":"ListItem","position":6,"item":{"@type":"CreativeWork","name":"HR Management System (HRMS)","description":"Full-stack HR solution for employee management, payroll processing, attendance tracking, and secure RBAC authentication.","url":"https://shashidhar-portfolio.netlify.app/#projects","creator":{"@id":"https://shashidhar-portfolio.netlify.app/#person"},"keywords":["HRMS","HR Management","React.js","Node.js","MongoDB","Express"],"programmingLanguage":["JavaScript","TypeScript"]}}]}</script>
4<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
4</head><body class="inter_5b7c257d-module__HFa7oG__className antialiased"><div hidden=""><!--$--><!--/$--></div><div class="bg-slate-950 min-h-screen text-slate-200 selection:bg-violet-500/30"><header class="fixed top-0 w-full z-50 transition-all duration-300 bg-transparent py-6"><div class="container mx-auto px-4 md:px-8 flex justify-between items-center"><div class="flex items-center gap-2 cursor-pointer" role="link" aria-label="Go to top of page"><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-code-xml text-violet-500 w-8 h-8" aria-hidden="true"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg><span class="text-xl font-bold tracking-tight">Shashidhar<span class="text-violet-500">.</span></span></div><nav class="hidden md:flex gap-8" aria-label="Main navigation"><a class="text-slate-300 hover:text-violet-400 cursor-pointer text-sm font-medium transition-colors">Home</a><a class="text-slate-300 hover:text-violet-400 cursor-pointer text-sm font-medium transition-colors">About</a><a class="text-slate-300 hover:text-violet-400 cursor-pointer text-sm font-medium transition-colors">Experience</a><a class="text-slate-300 hover:text-violet-400 cursor-pointer text-sm font-medium transition-colors">Projects</a><a class="text-slate-300 hover:text-violet-400 cursor-pointer text-sm font-medium transition-colors">Open Source</a><a class="text-slate-300 hover:text-violet-400 cursor-pointer text-sm font-medium transition-colors">Education</a><a class="text-slate-300 hover:text-violet-400 cursor-pointer text-sm font-medium transition-colors">Contact</a></nav><button class="md:hidden text-slate-300 hover:text-white" aria-label="Open navigation menu" aria-expanded="false" aria-controls="mobile-nav"><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-menu" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></header><main aria-label="Portfolio Content"><section id="home" aria-label="Hero — Introduction" class="min-h-screen flex items-center pt-20 relative overflow-hidden"><div class="absolute top-20 right-0 w-96 h-96 bg-violet-600/20 rounded-full blur-[100px] -z-10"></div><div class="absolute bottom-20 left-0 w-72 h-72 bg-pink-600/20 rounded-full blur-[100px] -z-10"></div><div class="container mx-auto px-4 md:px-8 grid md:grid-cols-2 gap-12 items-center"><div style="opacity:0;transform:translateX(-50px)"><div class="inline-block px-3 py-1 mb-4 border border-violet-500/30 rounded-full bg-violet-500/10 text-violet-300 text-sm font-medium">Available for opportunities</div><h1 class="text-5xl md:text-7xl font-bold mb-6 leading-tight">Hi, I&#x27;m <br/><span class="text-gradient">Shashidhar Naik</span></h1><p class="text-xl text-slate-400 mb-8 max-w-lg leading-relaxed">Software Engineer II specializing in building scalable enterprise web applications with the <span class="text-violet-400 font-semibold">MERN</span> &amp; <span class="text-pink-400 font-semibold">MEVN</span> stacks.</p><div class="flex flex-wrap gap-4 mb-10"><a class="px-8 py-3 bg-violet-600 hover:bg-violet-700 text-white rounded-lg font-medium transition-all shadow-lg shadow-violet-600/20 cursor-pointer">View Work</a><a href="/Shashidhar_Naik_2025.pdf" download="" class="px-8 py-3 border border-slate-700 hover:border-violet-500 hover:text-violet-400 text-slate-300 rounded-lg font-medium transition-all flex items-center gap-2 group"><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-download w-4 h-4 group-hover:translate-y-1 transition-transform" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg>Download CV</a></div><div class="flex gap-6" role="list" aria-label="Social profiles"><a href="https://github.com/shashi089" target="_blank" rel="noopener noreferrer me" aria-label="GitHub profile — shashi089" role="listitem" class="p-3 bg-slate-800/50 hover:bg-violet-600/20 hover:text-violet-400 text-slate-400 rounded-full transition-all border border-slate-700/50 hover:border-violet-500/50"><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-github" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a><a href="https://www.linkedin.com/in/shashidhar-naik-aab5b512a/" target="_blank" rel="noopener noreferrer me" aria-label="LinkedIn profile — Shashidhar Naik" role="listitem" class="p-3 bg-slate-800/50 hover:bg-violet-600/20 hover:text-violet-400 text-slate-400 rounded-full transition-all border border-slate-700/50 hover:border-violet-500/50"><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-linkedin" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="https://www.npmjs.com/~shashidharlbs" target="_blank" rel="noopener noreferrer me" aria-label="NPM packages by Shashidhar Naik" role="listitem" class="p-3 bg-slate-800/50 hover:bg-violet-600/20 hover:text-violet-400 text-slate-400 rounded-full transition-all border border-slate-700/50 hover:border-violet-500/50"><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-package" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></a></div></div><div class="relative hidden md:block" style="opacity:0;transform:scale(0.8)"><div class="w-full h-[500px] border border-slate-800 bg-slate-900/50 rounded-2xl relative overflow-hidden group"><div class="absolute inset-0 bg-gradient-to-br from-violet-500/10 to-transparent opacity-50"></div><div class="flex items-center gap-2 p-4 border-b border-slate-800"><div class="w-3 h-3 rounded-full bg-red-500/80"></div><div class="w-3 h-3 rounded-full bg-yellow-500/80"></div><div class="w-3 h-3 rounded-full bg-green-500/80"></div><div class="ml-4 text-xs text-slate-500 font-mono">Developer.tsx</div></div><div class="p-6 font-mono text-sm space-y-4 text-slate-400"><div><span class="text-violet-400">const</span> <span class="text-blue-400">developer</span> = <span class="text-yellow-400">{</span></div><div class="pl-6"><span class="text-slate-500">name:</span> <span class="text-green-400">&#x27;Shashidhar Naik&#x27;</span>,</div><div class="pl-6"><span class="text-slate-500">role:</span> <span class="text-green-400">&#x27;MERN/MEVN Stack Developer&#x27;</span>,</div><div class="pl-6"><span class="text-slate-500">experience:</span> <span class="text-orange-400">4+</span>,</div><div class="pl-6"><span class="text-slate-500">skills:</span> <span class="text-yellow-400">[&#x27;React&#x27;,&#x27;Javascript&#x27;,&#x27;Nuxt Js&#x27;, &#x27;Node Js&#x27;, &#x27;Express Js&#x27;,&#x27;TypeScript&#x27;, &#x27;MongoDB&#x27;, &#x27;PostgreSQL&#x27;]</span>,</div><div class="pl-6"><span class="text-slate-500">currentFocus:</span> <span class="text-green-400">&#x27;Enterprise IIOT Solutions&#x27;</span></div><div><span class="text-yellow-400">}</span>;</div><div class="pt-4 animate-pulse"><span class="text-violet-400">developer</span>.<span class="text-blue-400">buildAwesomeThings</span>();</div></div></div></div></div></section><section id="about" aria-label="About Shashidhar Naik" class="py-20 bg-slate-900/30 relative"><div class="container mx-auto px-4 md:px-8"><div class="max-w-4xl mx-auto mb-16 text-center" style="opacity:0;transform:translateY(20px)"><h2 class="text-3xl md:text-4xl font-bold mb-6">About Me</h2><p class="text-lg text-slate-400 leading-relaxed">I am a <span class="text-violet-400 font-semibold">Software Engineer II</span> with 4+ years of experience in building scalable, enterprise-grade web applications. Currently, I lead frontend delivery for a major <span class="text-pink-400">Warehouse Management System (WMS)</span>. My journey includes transitioning from technical support to full-stack development, driven by a passion for solving complex problems through code. Beyond my core work, I am an active open-source contributor, creating tools like <span class="text-violet-400">qrlayout</span> to empower other developers.</p></div><div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6"><div class="bg-slate-800/40 p-6 rounded-xl border border-slate-700/50 hover:border-violet-500/50 transition-colors group" style="opacity:0;transform:translateY(20px)"><div class="mb-4 bg-slate-900/50 w-12 h-12 rounded-lg flex items-center justify-center group-hover:scale-110 transition-transform"><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-globe w-6 h-6 text-violet-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><h3 class="text-xl font-semibold mb-4 text-slate-200">Frontend Development</h3><div class="flex flex-wrap gap-2"><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">React.js</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">Nuxt.js</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">TypeScript</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">JavaScript (ES6+)</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">HTML5/CSS3</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">Material UI</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">Vuetify</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">
4Bootstrap</span></div></div><div class="bg-slate-800/40 p-6 rounded-xl border border-slate-700/50 hover:border-violet-500/50 transition-colors group" style="opacity:0;transform:translateY(20px)"><div class="mb-4 bg-slate-900/50 w-12 h-12 rounded-lg flex items-center justify-center group-hover:scale-110 transition-transform"><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-server w-6 h-6 text-pink-400" aria-hidden="true"><rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect><rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect><line x1="6" x2="6.01" y1="6" y2="6"></line><line x1="6" x2="6.01" y1="18" y2="18"></line></svg></div><h3 class="text-xl font-semibold mb-4 text-slate-200">Backend &amp; APIs</h3><div class="flex flex-wrap gap-2"><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">Node.js</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">Express.js</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">RESTful APIs</span></div></div><div class="bg-slate-800/40 p-6 rounded-xl border border-slate-700/50 hover:border-violet-500/50 transition-colors group" style="opacity:0;transform:translateY(20px)"><div class="mb-4 bg-slate-900/50 w-12 h-12 rounded-lg flex items-center justify-center group-hover:scale-110 transition-transform"><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-database w-6 h-6 text-blue-400" aria-hidden="true"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5V19A9 3 0 0 0 21 19V5"></path><path d="M3 12A9 3 0 0 0 21 12"></path></svg></div><h3 class="text-xl font-semibold mb-4 text-slate-200">Database &amp; Cloud</h3><div class="flex flex-wrap gap-2"><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">MongoDB</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">Cron Jobs</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">Deployment</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">DevOps Basics</span></div></div><div class="bg-slate-800/40 p-6 rounded-xl border border-slate-700/50 hover:border-violet-500/50 transition-colors group" style="opacity:0;transform:translateY(20px)"><div class="mb-4 bg-slate-900/50 w-12 h-12 rounded-lg flex items-center justify-center group-hover:scale-110 transition-transform"><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-cpu w-6 h-6 text-emerald-400" aria-hidden="true"><path d="M12 20v2"></path><path d="M12 2v2"></path><path d="M17 20v2"></path><path d="M17 2v2"></path><path d="M2 12h2"></path><path d="M2 17h2"></path><path d="M2 7h2"></path><path d="M20 12h2"></path><path d="M20 17h2"></path><path d="M20 7h2"></path><path d="M7 20v2"></path><path d="M7 2v2"></path><rect x="4" y="4" width="16" height="16" rx="2"></rect><rect x="8" y="8" width="8" height="8" rx="1"></rect></svg></div><h3 class="text-xl font-semibold mb-4 text-slate-200">Tools &amp; Concepts</h3><div class="flex flex-wrap gap-2"><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">Git/GitHub</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">Postman</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">VS Code</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">Performance Optimization</span><span class="text-sm px-2 py-1 bg-slate-700/50 text-slate-300 rounded hover:text-white transition-colors">Scalable Architecture</span></div></div></div></div></section><section id="experience" aria-label="Professional Experience" class="py-20 relative"><div class="container mx-auto px-4 md:px-8"><div class="mb-12" style="opacity:0;transform:translateY(20px)"><h2 class="text-3xl md:text-4xl font-bold mb-4">Professional Experience</h2><div class="w-20 h-1 bg-violet-500 rounded-full"></div></div><div class="relative border-l-2 border-slate-800 ml-4 md:ml-10 space-y-8"><div class="relative pl-8 md:pl-12" style="opacity:0;transform:translateX(-20px)"><div class="absolute -left-[9px] top-0 w-4 h-4 rounded-full bg-slate-900 border-2 border-violet-500 z-10"></div><div class="bg-slate-800/20 rounded-xl border border-slate-700/50 p-6 cursor-pointer hover:bg-slate-800/40 transition-colors"><div class="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-4"><div><h3 class="text-xl font-bold text-slate-100">Software Engineer II</h3><p class="text-violet-400 font-medium text-lg">Cymbeline Innovation Pvt. Ltd (Client: Panasonic)</p></div><div class="flex items-center gap-2 text-sm text-slate-500 bg-slate-900/50 px-3 py-1.5 rounded-full whitespace-nowrap"><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-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>
4Feb 2025 - Present</div></div><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">React.js</span><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">TypeScript</span><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">Material UI</span></div><div class="flex items-center gap-2 text-sm text-slate-400 font-medium mt-2">Hide Responsibilities <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-chevron-up w-4 h-4" aria-hidden="true"><path d="m18 15-6-6-6 6"></path></svg></div><div class="overflow-hidden" style="height:0px;opacity:0"><ul class="mt-4 space-y-3 pt-4 border-t border-slate-700/50"><li class="flex items-start gap-3 text-slate-300 text-sm leading-relaxed"><span class="mt-1.5 w-1.5 h-1.5 rounded-full bg-violet-500 flex-shrink-0"></span><span>Working as Software Engineer II and Frontend Lead on an enterprise Warehouse Management System (WMS).</span></li><li class="flex items-start gap-3 text-slate-300 text-sm leading-relaxed"><span class="mt-1.5 w-1.5 h-1.5 rounded-full bg-violet-500 flex-shrink-0"></span><span>Own frontend delivery using React.js, TypeScript, and Material UI.</span></li><li class="flex items-start gap-3 text-slate-300 text-sm leading-relaxed"><span class="mt-1.5 w-1.5 h-1.5 rounded-full bg-violet-500 flex-shrink-0"></span><span>Lead feature planning and execution, ensuring on-time delivery within sprint timelines.</span></li><li class="flex items-start gap-3 text-slate-300 text-sm leading-relaxed"><span class="mt-1.5 w-1.5 h-1.5 rounded-full bg-violet-500 flex-shrink-0"></span><span>Assign tasks to junior developers based on team lead guidance and feature complexity.</span></li><li class="flex items-start gap-3 text-slate-300 text-sm leading-relaxed"><span class="mt-1.5 w-1.5 h-1.5 rounded-full bg-violet-500 flex-shrink-0"></span><span>Actively track progress, follow up with team members, and resolve blockers.</span></li><li class="flex items-start gap-3 text-slate-300 text-sm leading-relaxed"><span class="mt-1.5 w-1.5 h-1.5 rounded-full bg-violet-500 flex-shrink-0"></span><span>Collaborate with business stakeholders to gather requirements, take feedback, and refine workflows.</span></li><li class="flex items-start gap-3 text-slate-300 text-sm leading-relaxed"><span class="mt-1.5 w-1.5 h-1.5 rounded-full bg-violet-500 flex-shrink-0"></span><span>Conduct technical discussions with team lead and developers to decide optimal UI and architectural approaches.</span></li><li class="flex items-start gap-3 text-slate-300 text-sm leading-relaxed"><span class="mt-1.5 w-1.5 h-1.5 rounded-full bg-violet-500 flex-shrink-0"></span><span>Develop reusable, scalable UI components improving consistency and maintainability.</span></li><li class="flex items-start gap-3 text-slate-300 text-sm leading-relaxed"><span class="mt-1.5 w-1.5 h-1.5 rounded-full bg-violet-500 flex-shrink-0"></span><span>Implement role-based access control (RBAC) at the UI level.</span></li><li class="flex items-start gap-3 text-slate-300 text-sm leading-relaxed"><span class="mt-1.5 w-1.5 h-1.5 rounded-full bg-violet-500 flex-shrink-0"></span><span>Integrate frontend modules with backend REST APIs for inventory, storage IN/OUT, reporting, and dashboards.</span></li></ul></div></div></div><div class="relative pl-8 md:pl-12" style="opacity:0;transform:translateX(-20px)"><div class="absolute -left-[9px] top-0 w-4 h-4 rounded-full bg-slate-900 border-2 border-violet-500 z-10"></div><div class="bg-slate-800/20 rounded-xl border border-slate-700/50 p-6 cursor-pointer hover:bg-slate-800/40 transition-colors"><div class="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-4"><div><h3 class="text-xl font-bold text-slate-100">Software Engineer I</h3><p class="text-violet-400 font-medium text-lg">Cymbeline Innovation Pvt. Ltd</p></div><div class="flex items-center gap-2 text-sm text-slate-500 bg-slate-900/50 px-3 py-1.5 rounded-full whitespace-nowrap"><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-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>
4Feb 2024 - Jan 2025</div></div><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">React.js</span><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">Node.js</span><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">MongoDB</span><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">Express</span><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">PostgreSQL</span></div><div class="flex items-center gap-2 text-sm text-slate-400 font-medium mt-2">View Responsibilities <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-chevron-down w-4 h-4" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></div></div><div class="relative pl-8 md:pl-12" style="opacity:0;transform:translateX(-20px)"><div class="absolute -left-[9px] top-0 w-4 h-4 rounded-full bg-slate-900 border-2 border-violet-500 z-10"></div><div class="bg-slate-800/20 rounded-xl border border-slate-700/50 p-6 cursor-pointer hover:bg-slate-800/40 transition-colors"><div class="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-4"><div><h3 class="text-xl font-bold text-slate-100">Software Developer</h3><p class="text-violet-400 font-medium text-lg">Flyers Soft Pvt. Ltd</p></div><div class="flex items-center gap-2 text-sm text-slate-500 bg-slate-900/50 px-3 py-1.5 rounded-full whitespace-nowrap"><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-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>Jan 2023 - Jan 2024</div></div><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">React.js</span><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">Nuxt.js</span><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">Vuetify</span><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">Bootstrap</span></div><div class="flex items-center gap-2 text-sm text-slate-400 font-medium mt-2">View Responsibilities <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-chevron-down w-4 h-4" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></div></div><div class="relative pl-8 md:pl-12" style="opacity:0;transform:translateX(-20px)"><div class="absolute -left-[9px] top-0 w-4 h-4 rounded-full bg-slate-900 border-2 border-violet-500 z-10"></div><div class="bg-slate-800/20 rounded-xl border border-slate-700/50 p-6 cursor-pointer hover:bg-slate-800/40 transition-colors"><div class="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-4"><div><h3 class="text-xl font-bold text-slate-100">Software Developer</h3><p class="text-violet-400 font-medium text-lg">Triofi Technologies Pvt. Ltd</p></div><div class="flex items-center gap-2 text-sm text-slate-500 bg-slate-900/50 px-3 py-1.5 rounded-full whitespace-nowrap"><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-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>Dec 2021 - Dec 2022</div></div><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">React.js</span><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">Node.js</span><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">TypeScript</span></div><div class="flex items-center gap-2 text-sm text-slate-400 font-medium mt
4-2">View Responsibilities <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-chevron-down w-4 h-4" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></div></div><div class="relative pl-8 md:pl-12" style="opacity:0;transform:translateX(-20px)"><div class="absolute -left-[9px] top-0 w-4 h-4 rounded-full bg-slate-900 border-2 border-violet-500 z-10"></div><div class="bg-slate-800/20 rounded-xl border border-slate-700/50 p-6 cursor-pointer hover:bg-slate-800/40 transition-colors"><div class="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-4"><div><h3 class="text-xl font-bold text-slate-100">Assistant Team lead</h3><p class="text-violet-400 font-medium text-lg">Vindhya e-infomedia pvt ltd</p></div><div class="flex items-center gap-2 text-sm text-slate-500 bg-slate-900/50 px-3 py-1.5 rounded-full whitespace-nowrap"><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-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>Jan 2019 - Dec 2020</div></div><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">Networking</span><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">Router configuration</span></div><div class="flex items-center gap-2 text-sm text-slate-400 font-medium mt-2">View Responsibilities <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-chevron-down w-4 h-4" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></div></div><div class="relative pl-8 md:pl-12" style="opacity:0;transform:translateX(-20px)"><div class="absolute -left-[9px] top-0 w-4 h-4 rounded-full bg-slate-900 border-2 border-violet-500 z-10"></div><div class="bg-slate-800/20 rounded-xl border border-slate-700/50 p-6 cursor-pointer hover:bg-slate-800/40 transition-colors"><div class="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-4"><div><h3 class="text-xl font-bold text-slate-100">Technical Support Engineer</h3><p class="text-violet-400 font-medium text-lg">Microsys</p></div><div class="flex items-center gap-2 text-sm text-slate-500 bg-slate-900/50 px-3 py-1.5 rounded-full whitespace-nowrap"><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-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>Oct 2017 - Dec 2018</div></div><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">Networking</span><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">Router configuration</span><span class="text-xs px-2 py-1 rounded-full border border-slate-700 bg-slate-900/30 text-slate-400">Application Support</span></div><div class="flex items-center gap-2 text-sm text-slate-400 font-medium mt-2">View Responsibilities <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-chevron-down w-4 h-4" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></div></div></div></div></section><section id="projects" aria-label="Featured Software Projects" class="py-20 bg-slate-900/30"><div class="container mx-auto px-4 md:px-8"><div class="mb-12" style="opacity:0;transform:translateY(20px)"><h2 class="text-3xl md:text-4xl font-bold mb-4">Featured Projects</h2><p class="text-slate-400 max-w-2xl">A selection of complex enterprise applications and systems I&#x27;ve engineered.</p></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"><div class="bg-slate-800/40 rounded-xl overflow-hidden border border-slate-700/50 hover:border-violet-500/50 group transition-all flex flex-col" style="opacity:0;transform:scale(0.9)"><div class="h-48 bg-gradient-to-br from-slate-800 to-slate-900 flex items-center justify-center p-8 group-hover:from-slate-800 group-hover:to-violet-900/20 transition-colors"><div class="text-center"><h3 class="text-xl font-bold text-slate-200 mb-1">Warehouse Management System (WMS)</h3><span class="text-sm text-violet-400 font-medium">Frontend Lead</span></div></div><div class="p-6 flex flex-col flex-grow"><p class="text-slate-400 mb-6 text-sm leading-relaxed">Enterprise IIoT solution for managing inventory, storage, and quality inspection.</p><div class="flex flex-wrap gap-2 mb-6 mt-auto"><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true">
4<path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>React</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Material UI</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>IIoT</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Enterprise</span></div><button class="w-full mt-2 py-2 rounded-lg bg-slate-700/50 hover:bg-violet-600 hover:text-white text-slate-300 text-sm font-medium transition-all flex items-center justify-center gap-2">View Details <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-external-link w-4 h-4" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></button></div></div><div class="bg-slate-800/40 rounded-xl overflow-hidden border border-slate-700/50 hover:border-violet-500/50 group transition-all flex flex-col" style="opacity:0;transform:scale(0.9)"><div class="h-48 bg-gradient-to-br from-slate-800 to-slate-900 flex items-center justify-center p-8 group-hover:from-slate-800 group-hover:to-violet-900/20 transition-colors"><div class="text-center"><h3 class="text-xl font-bold text-slate-200 mb-1">Stock Automation Platform</h3><span class="text-sm text-violet-400 font-medium">Full Stack Developer</span></div></div><div class="p-6 flex flex-col flex-grow"><p class="text-slate-400 mb-6 text-sm leading-relaxed">Automated trading value-added system with real-time buy/sell execution.</p><div class="flex flex-wrap gap-2 mb-6 mt-auto"><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>MERN Stack</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true">
4<path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Cron Jobs</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Real-time</span></div><button class="w-full mt-2 py-2 rounded-lg bg-slate-700/50 hover:bg-violet-600 hover:text-white text-slate-300 text-sm font-medium transition-all flex items-center justify-center gap-2">View Details <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-external-link w-4 h-4" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></button></div></div><div class="bg-slate-800/40 rounded-xl overflow-hidden border border-slate-700/50 hover:border-violet-500/50 group transition-all flex flex-col" style="opacity:0;transform:scale(0.9)"><div class="h-48 bg-gradient-to-br from-slate-800 to-slate-900 flex items-center justify-center p-8 group-hover:from-slate-800 group-hover:to-violet-900/20 transition-colors"><div class="text-center"><h3 class="text-xl font-bold text-slate-200 mb-1">IIoT Monitoring Dashboard</h3><span class="text-sm text-violet-400 font-medium">MEVN Stack Developer</span></div></div><div class="p-6 flex flex-col flex-grow"><p class="text-slate-400 mb-6 text-sm leading-relaxed">Data visualization platform for machine health and production metrics.</p><div class="flex flex-wrap gap-2 mb-6 mt-auto"><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Vue.js</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Node.js</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Charts</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true">
4<path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Analytics</span></div><button class="w-full mt-2 py-2 rounded-lg bg-slate-700/50 hover:bg-violet-600 hover:text-white text-slate-300 text-sm font-medium transition-all flex items-center justify-center gap-2">View Details <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-external-link w-4 h-4" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></button></div></div><div class="bg-slate-800/40 rounded-xl overflow-hidden border border-slate-700/50 hover:border-violet-500/50 group transition-all flex flex-col" style="opacity:0;transform:scale(0.9)"><div class="h-48 bg-gradient-to-br from-slate-800 to-slate-900 flex items-center justify-center p-8 group-hover:from-slate-800 group-hover:to-violet-900/20 transition-colors"><div class="text-center"><h3 class="text-xl font-bold text-slate-200 mb-1">QR Layout Designer &amp; Libraries</h3><span class="text-sm text-violet-400 font-medium">Open Source Contributor</span></div></div><div class="p-6 flex flex-col flex-grow"><p class="text-slate-400 mb-6 text-sm leading-relaxed">A suite of tools for designing and printing QR labels.</p><div class="flex flex-wrap gap-2 mb-6 mt-auto"><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Open Source</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>NPM</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>React</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>TypeScript</span></div><button class="w-full mt-2 py-2 rounded-lg bg-slate-700/50 hover:bg-violet-600 hover:text-white text-slate-300 text-sm font-medium transition-all flex items-center justify-center gap-2">View Details <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-external-link w-4 h-4" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></button></div></div><div class="bg-slate-800/40 rounded-xl overflow-hidden border border-slate-700/50 hover:border-violet-500/50 group transition-all flex flex-col" style="opacity:0;transform:scale(0.9)"><div class="h-48 bg-gradient-to-br from-slate-800 to-slate-900 flex items-center justify-center p-8 group-hover:from-slate-800 group-hover:to-violet-900/20 transition-colors"><div class="text-center"><h3 class="text-xl font-bold text-slate-200 mb-1">E-Commerce Application</h3><span class="text-sm text-violet-400 font-medium">Frontend Developer</span></div></div><div class="p-6 flex flex-col flex-grow"><p class="text-slate-400 mb-6 text-sm leading-relaxed">Responsive e-commerce platform with product catalog and shopping cart.</p><div class="flex flex-wrap gap-2 mb-6 mt-auto"><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true">
4<path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>React.js</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Bootstrap</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>JavaScript</span></div><button class="w-full mt-2 py-2 rounded-lg bg-slate-700/50 hover:bg-violet-600 hover:text-white text-slate-300 text-sm font-medium transition-all flex items-center justify-center gap-2">View Details <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-external-link w-4 h-4" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></button></div></div><div class="bg-slate-800/40 rounded-xl overflow-hidden border border-slate-700/50 hover:border-violet-500/50 group transition-all flex flex-col" style="opacity:0;transform:scale(0.9)"><div class="h-48 bg-gradient-to-br from-slate-800 to-slate-900 flex items-center justify-center p-8 group-hover:from-slate-800 group-hover:to-violet-900/20 transition-colors"><div class="text-center"><h3 class="text-xl font-bold text-slate-200 mb-1">HR Management System (HRMS)</h3><span class="text-sm text-violet-400 font-medium">Full Stack Developer</span></div></div><div class="p-6 flex flex-col flex-grow"><p class="text-slate-400 mb-6 text-sm leading-relaxed">Comprehensive HR solution for employee management and payroll.</p><div class="flex flex-wrap gap-2 mb-6 mt-auto"><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>React.js</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Bootstrap</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true">
4<path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Node.js</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Express</span><span class="flex items-center gap-1 text-xs px-2 py-1 bg-slate-900 text-slate-300 rounded border border-slate-700"><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-tag w-3 h-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>MongoDB</span></div><button class="w-full mt-2 py-2 rounded-lg bg-slate-700/50 hover:bg-violet-600 hover:text-white text-slate-300 text-sm font-medium transition-all flex items-center justify-center gap-2">View Details <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-external-link w-4 h-4" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></button></div></div></div></div></section><section id="opensource" aria-label="Open Source Contributions" class="py-20 relative overflow-hidden"><div class="absolute top-1/2 left-0 w-96 h-96 bg-violet-600/10 rounded-full blur-[100px] -z-10"></div><div class="container mx-auto px-4 md:px-8"><div class="mb-12" style="opacity:0;transform:translateY(20px)"><div class="flex items-center gap-2 mb-4"><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-package text-violet-500 w-6 h-6" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg><h2 class="text-3xl md:text-4xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-white to-slate-400">Open Source</h2></div><p class="text-slate-400 max-w-2xl text-lg">Contributing to the developer community with powerful tools and libraries.</p></div><div class="grid md:grid-cols-3 gap-6"><a href="https://www.npmjs.com/package/qrlayout-core" target="_blank" rel="noopener noreferrer" class="bg-slate-900/50 border border-slate-700/50 rounded-xl p-6 hover:border-violet-500/50 hover:bg-slate-800/50 transition-all group relative overflow-hidden" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 bg-gradient-to-br from-violet-600/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 flex flex-col h-full"><div class="flex justify-between items-start mb-4"><div class="p-3 bg-violet-500/10 rounded-lg text-violet-400 group-hover:text-violet-300 transition-colors"><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-package w-6 h-6" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></div><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-external-link w-5 h-5 text-slate-500 group-hover:text-violet-400 transition-colors" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></div><h3 class="text-xl font-bold text-slate-200 mb-2 group-hover:text-white transition-colors">qrlayout-core</h3><p class="text-slate-400 text-sm mb-6 flex-grow leading-relaxed">A powerful core logic library for QR layout generation, handling the complex calculations for sizing and positioning.</p><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 bg-slate-800 text-slate-300 rounded border border-slate-700/50">TypeScript</span><span class="text-xs px-2 py-1 bg-slate-800 text-slate-300 rounded border border-slate-700/50">
4QR Code</span><span class="text-xs px-2 py-1 bg-slate-800 text-slate-300 rounded border border-slate-700/50">Layout Engine</span></div><div class="flex items-center gap-4 text-xs text-slate-500 pt-4 border-t border-slate-800 font-medium"><span class="flex items-center gap-1"><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-download w-3 h-3" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg> <!-- -->2,366</span><span class="flex items-center gap-1 group-hover:text-yellow-500/80 transition-colors"><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-star w-3 h-3" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->29</span></div></div></a><a href="https://www.npmjs.com/package/qrlayout-ui" target="_blank" rel="noopener noreferrer" class="bg-slate-900/50 border border-slate-700/50 rounded-xl p-6 hover:border-violet-500/50 hover:bg-slate-800/50 transition-all group relative overflow-hidden" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 bg-gradient-to-br from-violet-600/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 flex flex-col h-full"><div class="flex justify-between items-start mb-4"><div class="p-3 bg-violet-500/10 rounded-lg text-violet-400 group-hover:text-violet-300 transition-colors"><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-package w-6 h-6" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></div><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-external-link w-5 h-5 text-slate-500 group-hover:text-violet-400 transition-colors" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></div><h3 class="text-xl font-bold text-slate-200 mb-2 group-hover:text-white transition-colors">qrlayout-ui</h3><p class="text-slate-400 text-sm mb-6 flex-grow leading-relaxed">Framework-agnostic UI component library for qrlayout-core. Works seamlessly with React, Vue, Angular, or vanilla JavaScript.</p><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 bg-slate-800 text-slate-300 rounded border border-slate-700/50">JavaScript</span><span class="text-xs px-2 py-1 bg-slate-800 text-slate-300 rounded border border-slate-700/50">Framework Agnostic</span><span class="text-xs px-2 py-1 bg-slate-800 text-slate-300 rounded border border-slate-700/50">UI Components</span></div><div class="flex items-center gap-4 text-xs text-slate-500 pt-4 border-t border-slate-800 font-medium"><span class="flex items-center gap-1"><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-download w-3 h-3" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg> <!-- -->1,474</span><span class="flex items-center gap-1 group-hover:text-yellow-500/80 transition-colors"><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-star w-3 h-3" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->29</span></div></div></a><a href="https://www.npmjs.com/package/env-drift-check" target="_blank" rel="noopener noreferrer" class="bg-slate-900/50 border border-slate-700/50 rounded-xl p-6 hover:border-violet-500/50 hover:bg-slate-800/50 transition-all group relative overflow-hidden" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 bg-gradient-to-br from-violet-600/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 flex flex-col h-full"><div class="flex justify-between items-start mb-4"><div class="p-3 bg-violet-500/10 rounded-lg text-violet-400 group-hover:text-violet-300 transition-colors"><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-package w-6 h-6" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></div><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-external-link w-5 h-5 text-slate-500 group-hover:text-violet-400 transition-colors" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></div><h3 class="text-xl font-bold text-slate-200 mb-2 group-hover:text-white transition-colors">env-drift-check</h3><p class="text-slate-400 text-sm mb-6 flex-grow leading-relaxed">A CLI tool to detect drift between .env.example / .env.template and your actual .env files, ensuring environment c
4onsistency.</p><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 bg-slate-800 text-slate-300 rounded border border-slate-700/50">CLI</span><span class="text-xs px-2 py-1 bg-slate-800 text-slate-300 rounded border border-slate-700/50">DevOps</span><span class="text-xs px-2 py-1 bg-slate-800 text-slate-300 rounded border border-slate-700/50">Config</span></div><div class="flex items-center gap-4 text-xs text-slate-500 pt-4 border-t border-slate-800 font-medium"><span class="flex items-center gap-1"><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-download w-3 h-3" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg> <!-- -->1,338</span><span class="flex items-center gap-1 group-hover:text-yellow-500/80 transition-colors"><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-star w-3 h-3" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->14</span></div></div></a></div></div></section><section id="education" aria-label="Academic Background" class="py-20 bg-slate-900/30"><div class="container mx-auto px-4 md:px-8"><div class="mb-12 text-center" style="opacity:0;transform:translateY(20px)"><h2 class="text-3xl md:text-4xl font-bold mb-4 flex items-center justify-center gap-3"><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-graduation-cap text-violet-500 w-10 h-10" aria-hidden="true"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg>Education</h2><div class="w-20 h-1 bg-violet-500 rounded-full mx-auto"></div></div><div class="max-w-4xl mx-auto space-y-8"><div class="bg-slate-800/40 p-6 rounded-xl border border-slate-700/50 flex flex-col md:flex-row gap-6 items-start md:items-center hover:border-violet-500/30 transition-colors" style="opacity:0;transform:translateX(-20px)"><div class="flex-shrink-0 bg-violet-500/10 p-4 rounded-lg"><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-award w-8 h-8 text-violet-400" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div><div class="flex-grow"><h3 class="text-xl font-bold text-slate-100 mb-1">B.E. (Electronics and Communication Engineering)</h3><p class="text-violet-400 font-medium mb-2">BLDEA’s College of Engineering and Technology, Bijapur</p><p class="text-slate-400 text-sm">Specialized in Electronics and Communication.</p></div><div class="flex-shrink-0 flex items-center gap-2 text-slate-500 bg-slate-900/50 px-4 py-2 rounded-full border border-slate-800"><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-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>2017</span><span class="w-px h-4 bg-slate-700 mx-2"></span><span class="text-violet-400 font-bold"></span></div></div><div class="bg-slate-800/40 p-6 rounded-xl border border-slate-700/50 flex flex-col md:flex-row gap-6 items-start md:items-center hover:border-violet-500/30 transition-colors" style="opacity:0;transform:translateX(-20px)"><div class="flex-shrink-0 bg-violet-500/10 p-4 rounded-lg"><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-award w-8 h-8 text-violet-400" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div><div class="flex-grow"><h3 class="text-xl font-bold text-slate-100 mb-1">PUC (Higher Secondary Education)</h3><p class="text-violet-400 font-medium mb-2">SNJPNM’S PU Science College, Nidasoshi</p><p class="text-slate-400 text-sm">Focus on Science curriculum.</p></div><div class="flex-shrink-0 flex items-center gap-2 text-slate-500 bg-slate-900/50 px-4 py-2 rounded-full border border-slate-800"><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-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>2013</span><span class="w-px h-4 bg-slate-700 mx-2"></span><span class="text-violet-400 font-bold"></span></div></div><div class="bg-slate-800/40 p-6 rounded-xl border border-slate-700/50 flex flex-col md:flex-row gap-6 items-start md:items-center hover:border-violet-500/30 transition-colors" style="opacity:0;transform:translateX(-20px)"><div class="flex-shrink-0 bg-violet-500/10 p-4 rounded-lg"><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-award w-8 h-8 text-violet-400" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div><div class="flex-grow"><h3 class="text-xl font-bold text-slate-100 mb-1">SSLC (Secondary Education)</h3><p class="text-violet-400 font-medium mb-2">Rani Channamma High School, Hukkeri</p><p class="text-slate-400 text-sm">High academic performance.</p></div><div class="flex-shrink-0 flex items-center gap-2 text-slate-500 bg-slate-900/50 px-4 py-2 rounded-full border border-slate-800"><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-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>2011</span><span class="w-px h-4 bg-slate-700 mx-2"></span><span class="text-violet-400 font-bold"></span></div></div></div></div></section><section id="contact" aria-label="Contact Information" class="py-20 relative overflow-hidden bg-slate-900/50"><div class="absolute top-0 left-1/2 -translate-x-1/2 w-[500px] h-[500px] bg-violet-600/10 rounded-full blur-[100px] -z-10"></div><div class="container mx-auto px-4 md:px-8 text-center"><div class="max-w-2xl mx-auto mb-12" style="opacity:0;transform:translateY(20px)"><h2 class="text-3xl md:text-4xl font-bold mb-6">Get In Touch</h2><p class="text-slate-400 text-lg">I&#x27;m currently available for new opportunities. Whether you have a question or just want to say hi, I&#x27;ll try my best to get back to you!</p></div><div class="grid md:grid-cols-3 gap-8 max-w-4xl mx-auto" style="opacity:0;transform:scale(0.9)"><div class="bg-slate-800/40 p-8 rounded-2xl border border-slate-700/50 hover:border-violet-500/50 transition-all group flex flex-col items-center"><div class="p-4 bg-violet-500/10 rounded-full text-violet-400 mb-4 group-hover:scale-110 transition-transform"><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-mail w-8 h-8" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></div><h3 class="text-lg font-semibold text-slate-200 mb-2">Email</h3><a href="mailto:[email protected]" class="text-slate-400 hover:text-violet-400 transition-colors break-all">[email protected]</a></div><div class="bg-slate-800/40 p-8 rounded-2xl border border-slate-700/50 hover:border-violet-500/50 transition-all group flex flex-col items-center"><div class="p-4 bg-pink-500/10 rounded-full text-pink-400 mb-4 group-hover:scale-110 transition-transform"><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-phone w-8 h-8" aria-hidden="true">
4<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></div><h3 class="text-lg font-semibold text-slate-200 mb-2">Phone</h3><p class="text-slate-400">+91 9119437320</p></div><div class="bg-slate-800/40 p-8 rounded-2xl border border-slate-700/50 hover:border-violet-500/50 transition-all group flex flex-col items-center"><div class="p-4 bg-blue-500/10 rounded-full text-blue-400 mb-4 group-hover:scale-110 transition-transform"><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-map-pin w-8 h-8" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></div><h3 class="text-lg font-semibold text-slate-200 mb-2">Location</h3><p class="text-slate-400">Bangalore, Karnataka- 560076</p></div></div></div></section></main><footer role="contentinfo" aria-label="Site footer" class="py-10 border-t border-slate-800 bg-slate-950"><div class="container mx-auto px-4 md:px-8"><div class="flex flex-col md:flex-row items-center justify-between gap-6"><div class="flex items-center gap-2"><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-code-xml text-violet-500 w-5 h-5" aria-hidden="true"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg><span class="font-bold text-slate-300">Shashidhar<span class="text-violet-500">.</span></span></div><nav aria-label="Social media links"><ul class="flex items-center gap-6" role="list"><li><a href="https://github.com/shashi089" target="_blank" rel="noopener noreferrer me" aria-label="GitHub Profile — shashi089" class="flex items-center gap-1.5 text-slate-500 hover:text-violet-400 transition-colors text-sm"><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-github w-4 h-4" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg><span>GitHub</span></a></li><li><a href="https://www.linkedin.com/in/shashidhar-naik-aab5b512a/" target="_blank" rel="noopener noreferrer me" aria-label="LinkedIn Profile — Shashidhar Naik" class="flex items-center gap-1.5 text-slate-500 hover:text-violet-400 transition-colors text-sm"><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-linkedin w-4 h-4" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg><span>LinkedIn</span></a></li><li><a href="https://www.npmjs.com/~shashidharlbs" target="_blank" rel="noopener noreferrer me" aria-label="NPM Packages by Shashidhar Naik" class="flex items-center gap-1.5 text-slate-500 hover:text-violet-400 transition-colors text-sm"><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-package w-4 h-4" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg><span>NPM</span></a></li></ul></nav><p class="text-slate-600 text-sm"><span aria-label="Copyright 2026 Shashidhar Naik">© <!-- -->2026<!-- --> <span class="text-slate-500 font-medium">Shashidhar Naik</span>. All rights reserved.</span></p></div><p class="sr-only">Shashidhar Naik is a Full Stack Developer based in Bangalore, India. Specializing in React, Next.js, Node.js, TypeScript, and enterprise web application development.</p></div></footer><button class="fixed bottom-6 right-6 z-50 p-4 rounded-full shadow-[0_0_20px_rgba(139,92,246,0.5)] transition-all duration-300 bg-vi
4olet-600 text-white" tabindex="0" style="transform:scale(0) rotate(-180deg)"><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-message-square w-6 h-6" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg></button></div><!--$--><!--/$-->
4<script src="/_next/static/chunks/49849b1b478e6b82.js" id="_R_" async=""></script>
4<script>(self.__next_f=self.__next_f||[]).push([0])</script>
4<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n7:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/be75ad203e65728f.css\",\"style\"]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:T4ff,{\"@context\":\"https://schema.org\",\"@type\":\"Person\",\"@id\":\"https://shashidhar-portfolio.netlify.app/#person\",\"name\":\"Shashidhar Naik\",\"givenName\":\"Shashidhar\",\"familyName\":\"Naik\",\"jobTitle\":\"Software Engineer II\",\"description\":\"Full Stack Developer with 4+ years of experience specializing in MERN \u0026 MEVN stack. Frontend Lead for enterprise Warehouse Management Systems. Open source contributor publishing tools on NPM.\",\"url\":\"https://shashidhar-portfolio.netlify.app\",\"image\":\"https://shashidhar-portfolio.netlify.app/portfolio_hero_section.png\",\"address\":{\"@type\":\"PostalAddress\",\"addressLocality\":\"Bangalore\",\"addressRegion\":\"Karnataka\",\"postalCode\":\"560076\",\"addressCountry\":\"IN\"},\"sameAs\":[\"https://github.com/shashi089\",\"https://www.linkedin.com/in/shashidhar-naik-aab5b512a/\",\"https://www.npmjs.com/~shashidharlbs\"],\"knowsAbout\":[\"React.js\",\"Next.js\",\"Node.js\",\"TypeScript\",\"JavaScript\",\"Vue.js\",\"Nuxt.js\",\"MongoDB\",\"PostgreSQL\",\"Python\",\"FastAPI\",\"Material UI\",\"Warehouse Management Systems\",\"Enterprise Web Applications\",\"Open Source Development\",\"REST APIs\",\"Full Stack Development\"],\"worksFor\":{\"@type\":\"Organization\",\"name\":\"Cymbeline Innovation Pvt. Ltd\"},\"alumniOf\":{\"@type\":\"EducationalOrganization\",\"name\":\"BLDEA's College of Engineering and Technology, Bijapur\"}}3:Tdf5,"])</script>
4<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"ItemList\",\"@id\":\"https://shashidhar-portfolio.netlify.app/#projects\",\"name\":\"Shashidhar Naik's Software Projects\",\"description\":\"A collection of enterprise-grade web applications and open-source tools built by Shashidhar Naik.\",\"numberOfItems\":6,\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"CreativeWork\",\"name\":\"Warehouse Management System (WMS)\",\"description\":\"Enterprise IIoT solution for Panasonic managing inventory, storage IN/OUT, quality inspection, and BOM modules. Built with React, TypeScript, and Material UI.\",\"url\":\"https://shashidhar-portfolio.netlify.app/#projects\",\"creator\":{\"@id\":\"https://shashidhar-portfolio.netlify.app/#person\"},\"keywords\":[\"Warehouse Management System\",\"WMS\",\"React\",\"TypeScript\",\"Material UI\",\"IIoT\",\"Enterprise\",\"Panasonic\"],\"programmingLanguage\":[\"TypeScript\",\"JavaScript\"]}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"CreativeWork\",\"name\":\"Stock Automation Platform\",\"description\":\"High-frequency automated trading system with real-time buy/sell execution, Cron-based background jobs, and live dashboards. Built with MERN Stack and Python.\",\"url\":\"https://shashidhar-portfolio.netlify.app/#projects\",\"creator\":{\"@id\":\"https://shashidhar-portfolio.netlify.app/#person\"},\"keywords\":[\"Stock Automation\",\"MERN Stack\",\"Node.js\",\"Python\",\"Real-time\",\"Trading\"],\"programmingLanguage\":[\"JavaScript\",\"TypeScript\",\"Python\"]}},{\"@type\":\"ListItem\",\"position\":3,\"item\":{\"@type\":\"CreativeWork\",\"name\":\"IIoT Monitoring Dashboard\",\"description\":\"Data visualization platform for tracking machine health, production metrics, and shift management in real-time. Built with Vue.js, Node.js, and charting libraries.\",\"url\":\"https://shashidhar-portfolio.netlify.app/#projects\",\"creator\":{\"@id\":\"https://shashidhar-portfolio.netlify.app/#person\"},\"keywords\":[\"IIoT\",\"Dashboard\",\"Vue.js\",\"Node.js\",\"Analytics\",\"RBAC\"],\"programmingLanguage\":[\"JavaScript\",\"TypeScript\"]}},{\"@type\":\"ListItem\",\"position\":4,\"item\":{\"@type\":\"SoftwareSourceCode\",\"name\":\"QR Layout Designer \u0026 Libraries\",\"description\":\"Open-source NPM suite: qrlayout-core (logic engine) and qrlayout-ui (framework-agnostic UI components) for designing and printing QR labels.\",\"url\":\"https://qr-layout-designer.netlify.app/\",\"codeRepository\":\"https://github.com/shashi089/qr-code-layout-generate-tool\",\"creator\":{\"@id\":\"https://shashidhar-portfolio.netlify.app/#person\"},\"keywords\":[\"Open Source\",\"NPM\",\"QR Code\",\"React\",\"TypeScript\",\"Library\"],\"programmingLanguage\":[\"TypeScript\",\"JavaScript\"],\"license\":\"https://opensource.org/licenses/MIT\"}},{\"@type\":\"ListItem\",\"position\":5,\"item\":{\"@type\":\"CreativeWork\",\"name\":\"E-Commerce Application\",\"description\":\"Responsive e-commerce platform with product catalog, filtering, search, and shopping cart functionality built with React.js and Bootstrap.\",\"url\":\"https://shashidhar-portfolio.netlify.app/#projects\",\"creator\":{\"@id\":\"https://shashidhar-portfolio.netlify.app/#person\"},\"keywords\":[\"E-Commerce\",\"React.js\",\"Bootstrap\",\"JavaScript\"],\"programmingLanguage\":[\"JavaScript\"]}},{\"@type\":\"ListItem\",\"position\":6,\"item\":{\"@type\":\"CreativeWork\",\"name\":\"HR Management System (HRMS)\",\"description\":\"Full-stack HR solution for employee management, payroll processing, attendance tracking, and secure RBAC authentication.\",\"url\":\"https://shashidhar-portfolio.netlify.app/#projects\",\"creator\":{\"@id\":\"https://shashidhar-portfolio.netlify.app/#person\"},\"keywords\":[\"HRMS\",\"HR Management\",\"React.js\",\"Node.js\",\"MongoDB\",\"Express\"],\"programmingLanguage\":[\"JavaScript\",\"TypeScript\"]}}]}"])</script>
4<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"4y-7tPqcojnA1MFa3W4Vv\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/be75ad203e65728f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"scroll-smooth\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"content\":\"#0f172a\"}],[\"$\",\"meta\",null,{\"name\":\"color-scheme\",\"content\":\"dark\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$2\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"@id\\\":\\\"https://shashidhar-portfolio.netlify.app/#website\\\",\\\"name\\\":\\\"Shashidhar Naik — Full Stack Developer Portfolio\\\",\\\"url\\\":\\\"https://shashidhar-portfolio.netlify.app\\\",\\\"description\\\":\\\"Professional portfolio of Shashidhar Naik, a Software Engineer II specializing in React, Next.js, Node.js, and enterprise web application development.\\\",\\\"inLanguage\\\":\\\"en-US\\\",\\\"author\\\":{\\\"@id\\\":\\\"https://shashidhar-portfolio.netlify.app/#person\\\"}}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$3\"}}]]}],\"$L4\"]}]]}],{\"children\":[\"$L5\",{},null,false,false]},null,false,false],\"$L6\",false]],\"m\":\"$undefined\",\"G\":[\"$7\",[]],\"S\":true}\n"])</script>
4<script>self.__next_f.push([1,"8:I[39756,[\"/_next/static/chunks/2f236954d6a65e12.js\"],\"default\"]\n9:I[37457,[\"/_next/static/chunks/2f236954d6a65e12.js\"],\"default\"]\na:I[2971,[\"/_next/static/chunks/d3c6a98be50953be.js\"],\"default\"]\nb:I[32177,[\"/_next/static/chunks/d3c6a98be50953be.js\"],\"default\"]\nc:I[55786,[\"/_next/static/chunks/d3c6a98be50953be.js\"],\"default\"]\nd:I[15,[\"/_next/static/chunks/d3c6a98be50953be.js\"],\"default\"]\ne:I[48005,[\"/_next/static/chunks/d3c6a98be50953be.js\"],\"default\"]\nf:I[3459,[\"/_next/static/chunks/d3c6a98be50953be.js\"],\"default\"]\n10:I[95171,[\"/_next/static/chunks/d3c6a98be50953be.js\"],\"default\"]\n11:I[75854,[\"/_next/static/chunks/d3c6a98be50953be.js\"],\"default\"]\n12:I[13642,[\"/_next/static/chunks/d3c6a98be50953be.js\"],\"default\"]\n13:I[59440,[\"/_next/static/chunks/d3c6a98be50953be.js\"],\"default\"]\n14:I[97367,[\"/_next/static/chunks/2f236954d6a65e12.js\"],\"OutletBoundary\"]\n15:\"$Sreact.suspense\"\n17:I[97367,[\"/_next/static/chunks/2f236954d6a65e12.js\"],\"ViewportBoundary\"]\n19:I[97367,[\"/_next/static/chunks/2f236954d6a65e12.js\"],\"MetadataBoundary\"]\n"])</script>
4<script>self.__next_f.push([1,"4:[\"$\",\"body\",null,{\"className\":\"inter_5b7c257d-module__HFa7oG__className antialiased\",\"children\":[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]\n"])</script>
4<script>self.__next_f.push([1,"5:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-slate-950 min-h-screen text-slate-200 selection:bg-violet-500/30\",\"children\":[[\"$\",\"$La\",null,{}],[\"$\",\"main\",null,{\"aria-label\":\"Portfolio Content\",\"children\":[[\"$\",\"$Lb\",null,{}],[\"$\",\"$Lc\",null,{}],[\"$\",\"$Ld\",null,{}],[\"$\",\"$Le\",null,{}],[\"$\",\"$Lf\",null,{}],[\"$\",\"$L10\",null,{}],[\"$\",\"$L11\",null,{}]]}],[\"$\",\"$L12\",null,{}],[\"$\",\"$L13\",null,{}]]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/d3c6a98be50953be.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L14\",null,{\"children\":[\"$\",\"$15\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@16\"}]}]]}]\n6:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L17\",null,{\"children\":\"$L18\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L19\",null,{\"children\":[\"$\",\"$15\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L1a\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script>
4<script>self.__next_f.push([1,"18:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
4<script>self.__next_f.push([1,"16:null\n"])</script>
4<script>self.__next_f.push([1,"1a:[[\"$\",\"title\",\"0\",{\"children\":\"Shashidhar Naik | Full Stack Developer — React, Node.js, Next.js\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Portfolio of Shashidhar Naik — Software Engineer II with 4+ years building scalable enterprise web apps. Expert in React, Next.js, Node.js, TypeScript, and MERN/MEVN stack. Open source contributor.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"Shashidhar Naik Portfolio\"}],[\"$\",\"link\",\"3\",{\"rel\":\"author\",\"href\":\"https://shashidhar-portfolio.netlify.app\"}],[\"$\",\"meta\",\"4\",{\"name\":\"author\",\"content\":\"Shashidhar Naik\"}],[\"$\",\"link\",\"5\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"6\",{\"name\":\"keywords\",\"content\":\"Shashidhar Naik,Shashidhar Naik Portfolio,shashidhar developer,Software Engineer II,Full Stack Developer,Full Stack Developer Portfolio,Frontend Lead,JavaScript Engineer,JavaScript Developer,React Developer,React.js Developer,Next.js Developer,Node.js Developer,TypeScript Developer,MERN Stack Developer,MEVN Stack Developer,Vue.js Developer,Python Developer,Warehouse Management System Developer,Enterprise Web Application Developer,Open Source Developer,NPM Package Author,Software Engineer Bangalore,Web Developer India,Developer Portfolio,Web Application Portfolio,Software Engineer Portfolio India\"}],[\"$\",\"meta\",\"7\",{\"name\":\"referrer\",\"content\":\"origin-when-cross-origin\"}],[\"$\",\"meta\",\"8\",{\"name\":\"creator\",\"content\":\"Shashidhar Naik\"}],[\"$\",\"meta\",\"9\",{\"name\":\"publisher\",\"content\":\"Shashidhar Naik\"}],[\"$\",\"meta\",\"10\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"11\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"12\",{\"name\":\"category\",\"content\":\"technology\"}],[\"$\",\"meta\",\"13\",{\"name\":\"classification\",\"content\":\"Software Engineer Portfolio\"}],[\"$\",\"meta\",\"14\",{\"name\":\"theme-color\",\"content\":\"#0f172a\"}],[\"$\",\"meta\",\"15\",{\"name\":\"color-scheme\",\"content\":\"dark\"}],[\"$\",\"meta\",\"16\",{\"name\":\"msapplication-TileColor\",\"content\":\"#0f172a\"}],[\"$\",\"link\",\"17\",{\"rel\":\"canonical\",\"href\":\"https://shashidhar-portfolio.netlify.app\"}],[\"$\",\"meta\",\"18\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:title\",\"content\":\"Shashidhar Naik | Full Stack Developer Portfolio\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:description\",\"content\":\"Software Engineer II with 4+ years of experience. React, Next.js, Node.js, TypeScript. Frontend Lead for enterprise Warehouse Management System. Open source contributor.\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:url\",\"content\":\"https://shashidhar-portfolio.netlify.app\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:site_name\",\"content\":\"Shashidhar Naik Portfolio\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"24\",{\"property\":\"og:image\",\"content\":\"https://shashidhar-portfolio.netlify.app/portfolio_hero_section.png\"}],[\"$\",\"meta\",\"25\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"26\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"27\",{\"property\":\"og:image:alt\",\"content\":\"Shashidhar Naik — Full Stack Developer Portfolio Preview\"}],[\"$\",\"meta\",\"28\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"29\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"30\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"31\",{\"name\":\"twitter:title\",\"content\":\"Shashidhar Naik | Full Stack Developer — React, Node.js, Next.js\"}],[\"$\",\"meta\",\"32\",{\"name\":\"twitter:description\",\"content\":\"Software Engineer II specializing in scalable enterprise web apps. Expert in MERN/MEVN stack and open source tools.\"}],[\"$\",\"meta\",\"33\",{\"name\":\"twitter:image\",\"content\":\"https://shashidhar-portfolio.netlify.app/portfolio_hero_section.png\"}],[\"$\",\"meta\",\"34\",{\"name\":\"twitter:image:alt\",\"content\":\"Shashidhar Naik Portfolio Preview\"}],[\"$\",\"link\",\"35\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.ico\"}],\"$L1b\",\"$L1c\",\"$L1d\",\"$L1e\",\"$L1f\"]\n"])</script>
4<script>self.__next_f.push([1,"20:I[27201,[\"/_next/static/chunks/2f236954d6a65e12.js\"],\"IconMark\"]\n1b:[\"$\",\"link\",\"36\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.49dc0c39.ico\",\"sizes\":\"1024x1024\",\"type\":\"image/x-icon\"}]\n1c:[\"$\",\"link\",\"37\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"sizes\":\"any\"}]\n1d:[\"$\",\"link\",\"38\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\"}]\n1e:[\"$\",\"link\",\"39\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\"}]\n1f:[\"$\",\"$L20\",\"40\",{}]\n"])</script>
4</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.