PageSourceSearch

https://www.akashjavali.com/

html akashjavali.com collected 2026-10-08 06:59:03 UTC 234,801 bytes, 4 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="__variable_f367f3 __variable_3c557b"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/bb3ef058b751a6ad-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/66f207524fcf4665.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-19ac948ad6fb9ec9.js"/>
1<script src="/_next/static/chunks/fd9d1056-b11b2651f33aae7f.js" async=""></script>
1<script src="/_next/static/chunks/117-4f5b424f20efdcae.js" async=""></script>
1<script src="/_next/static/chunks/main-app-2dcde4753ea0d175.js" async=""></script>
1<script src="/_next/static/chunks/30a37ab2-fdf26399a0ad3f0c.js" async=""></script>
1<script src="/_next/static/chunks/8e1d74a4-5a35eaec22e81616.js" async=""></script>
1<script src="/_next/static/chunks/606-0781bfa2bb6db0d4.js" async=""></script>
1<script src="/_next/static/chunks/288-e7e003ebab3d0734.js" async=""></script>
1<script src="/_next/static/chunks/app/page-1fee9ba8963e3c4c.js" async=""></script>
1<script src="/_next/static/chunks/913-40b5c56160d75cd4.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-3c73be34453ed604.js" async=""></script>
1<link rel="dns-prefetch" href="https://www.googletagmanager.com"/><link rel="icon" href="/favicon.svg" type="image/svg+xml"/><link rel="icon" href="/assets/images/favicon.ico" sizes="any"/><link rel="apple-touch-icon" href="/assets/images/192x192.png"/><link rel="manifest" href="/manifest.webmanifest"/><meta name="theme-color" content="#050a13"/><title>Akash Javali — Senior Full Stack Engineer | MERN &amp; System Architecture</title><meta name="description" content="Senior Full Stack Engineer with 7+ years building scalable MERN applications. Associate Team Lead at Pace Wisdom. Specializes in React, Next.js, Node.js, TypeScript, and AI-accelerated development."/><link rel="author" href="https://akashjavali.com"/><meta name="author" content="Akash Javali"/><meta name="keywords" content="Full Stack Developer,MERN Stack,React Developer,Next.js Developer,Node.js Developer,TypeScript,System Architecture,AI Tools,Akash Javali,Senior Software Engineer India,Associate Team Lead,Pace Wisdom,Frontend Developer Bangalore,React TypeScript Expert,Claude Code Certified"/><meta name="creator" content="Akash Javali"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><link rel="canonical" href="https://akashjavali.com"/><meta property="og:title" content="Akash Javali — Senior Full Stack Engineer"/><meta property="og:description" content="Senior Full Stack Engineer with 7+ years building scalable MERN applications. Specializes in system architecture and AI-accelerated development."/><meta property="og:url" content="https://akashjavali.com"/><meta property="og:site_name" content="Akash Javali"/><meta property="og:locale" content="en_US"/><meta property="og:image:alt" content="Akash Javali — Senior Full Stack Engineer"/><meta property="og:image:type" content="image/png"/><meta property="og:image" content="https://akashjavali.com/opengraph-image?84264bd01f8e7834"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:creator" content="@akashjavali"/><meta name="twitter:title" content="Akash Javali — Senior Full Stack Engineer"/><meta name="twitter:description" content="Senior Full Stack Engineer with 7+ years building scalable MERN applications."/><meta name="twitter:image:alt" content="Akash Javali — Senior Full Stack Engineer"/><meta name="twitter:image:type" content="image/png"/><meta name="twitter:image" content="https://akashjavali.com/opengraph-image?84264bd01f8e7834"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><meta name="next-size-adjust"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Person","name":"Akash Javali","url":"https://akashjavali.com","image":"https://akashjavali.com/opengraph-image","sameAs":["https://www.linkedin.com/in/akashjavali","https://github.com/akashjavali","https://twitter.com/akashjavali","https://blog.akashjavali.com"],"jobTitle":"Senior Full Stack Engineer","description":"Senior Full Stack Engineer with 7+ years building scalable MERN applications. Associate Team Lead at Pace Wisdom. Specializes in React, Next.js, Node.js, TypeScript, and AI-accelerated development.","knowsAbout":["React.js","Next.js","Node.js","TypeScript","MongoDB","System Architecture","AI-accelerated development"],"worksFor":{"@type":"Organization","name":"Pace Wisdom Solutions","url":"https://pacewisdom.com"},"address":{"@type":"PostalAddress","addressLocality":"Karnataka","addressCountry":"IN"},"alumniOf":{"@type":"CollegeOrUniversity","name":"Electronics Engineering"}}</script>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body><div class="fixed inset-0 z-[9999] flex flex-col items-center justify-center overflow-hidden" style="background:#050a13"><div class="absolute inset-0 pointer-events-none" style="background:radial-gradient(ellipse 60% 50% at 50% 50%, rgba(99,102,241,0.12) 0%, transparent 70%)" aria-hidden="true"></div><div class="absolute inset-0 bg-grid pointer-events-none" style="opacity:0.04" aria-hidden="true"></div><div class="absolute inset-0 pointer-events-none overflow-hidden" aria-hidden="true"><div class="absolute left-0 right-0 h-[2px] top-0" style="background:linear-gradient(90deg, transparent, #0ea5e9, transparent);animation:loader-scan 2.5s ease-in-out infinite;opacity:0.6;will-change:transform"></div></div><div class="relative flex items-center justify-center mb-10" style="opacity:0;transform:scale(0.5)"><div class="absolute rounded-full border border-accent-blue/20" style="width:120px;height:120px;animation:loader-pulse-ring 2.4s ease-out 0s infinite" aria-hidden="true"></div><div class="absolute rounded-full border border-accent-blue/20" style="width:160px;height:160px;animation:loader-pulse-ring 2.4s ease-out 0.4s infinite" aria-hidden="true"></div><div class="absolute rounded-full border border-accent-blue/20" style="width:200px;height:200px;animation:loader-pulse-ring 2.4s ease-out 0.8s infinite" aria-hidden="true"></div><div class="absolute inset-0 flex items-center justify-center" style="animation:loader-orbit 8s linear 0s infinite" aria-hidden="true"><div class="absolute rounded-full" style="width:5px;height:5px;background:#0ea5e9;transform:translate(72px, 0px);opacity:0.3"></div><div class="absolute rounded-full" style="width:3px;height:3px;background:#0ea5e9;transform:translate(62.3538px, 36px);opacity:0.35833333333333334"></div><div class="absolute rounded-full" style="width:5px;height:5px;background:#0ea5e9;transform:translate(36px, 62.3538px);opacity:0.41666666666666663"></div><div class="absolute rounded-full" style="width:3px;height:3px;background:#0ea5e9;transform:translate(0px, 72px);opacity:0.475"></div><div class="absolute rounded-full" style="width:5px;height:5px;background:#0ea5e9;transform:translate(-36px, 62.3538px);opacity:0.5333333333333333"></div><div class="absolute rounded-full" style="width:3px;height:3px;background:#0ea5e9;transform:translate(-62.3538px, 36px);opacity:0.5916666666666667"></div><div class="absolute rounded-full" style="width:5px;height:5px;background:#0ea5e9;transform:translate(-72px, 0px);opacity:0.6499999999999999"></div><div class="absolute rounded-full" style="width:3px;height:3px;background:#0ea5e9;transform:translate(-62.3538px, -36px);opacity:0.7083333333333333"></div><div class="absolute rounded-full" style="width:5px;height:5px;background:#0ea5e9;transform:translate(-36px, -62.3538px);opacity:0.7666666666666666"></div><div class="absolute rounded-full" style="width:3px;height:3px;background:#0ea5e9;transform:translate(0px, -72px);opacity:0.825"></div><div class="absolute rounded-full" style="width:5px;height:5px;background:#0ea5e9;transform:translate(36px, -62.3538px);opacity:0.8833333333333333"></div><div class="absolute rounded-full" style="width:3px;height:3px;background:#0ea5e9;transform:translate(62.3538px, -36px);opacity:0.9416666666666667"></div></div><div class="absolute inset-0 flex items-center justify-center" style="animation:loader-orbit 14s linear -4s infinite" aria-hidden="true"><div class="absolute rounded-full" style="width:5px;height:5px;background:#6366f1;transform:translate(96px, 0px);opacity:0.3"></div><div class="absolute rounded-full" style="width:3px;height:3px;background:#6366f1;transform:translate(67.8823px, 67.8823px);opacity:0.38749999999999996"></div><div class="absolute rounded-full" style="width:5px;height:5px;background:#6366f1;transform:translate(0px, 96px);opacity:0.475"></div><div class="absolute rounded-full" style="width:3px;height:3px;background:#6366f1;transform:translate(-67.8823px, 67.8823px);opacity:0.5625"></div><div class="absolute rounded-full" style="width:5px;height:5px;background:#6366f1;transform:translate(-96px, 0px);opacity:0.6499999999999999"></div><div class="absolute rounded-full" style="width:3px;height:3px;background:#6366f1;transform:translate(-67.8823px, -67.8823px);opacity:0.7375"></div><div class="absolute rounded-full" style="width:5px;height:5px;background:#6366f1;transform:translate(0px, -96px);opacity:0.825"></div><div class="absolute rounded-full" style="width:3px;height:3px;background:#6366f1;transform:translate(67.8823px, -67.8823px);opacity:0.9124999999999999"></div></div><div class="relative z-10 w-24 h-24 rounded-2xl flex items-center justify-center" style="background:linear-gradient(135deg, rgba(14,165,233,0.15), rgba(99,102,241,0.15));border:1px solid rgba(99,102,241,0.3);box-shadow:0 0 40px rgba(14,165,233,0.2), inset 0 0 20px rgba(99,102,241,0.1)"><div class="relative select-none" aria-hidden="true"><span class="block text-7xl font-bold font-mono tracking-tighter" style="background:linear-gradient(135deg, #0ea5e9 0%, #6366f1 50%, #22d3ee 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text">AJ</span></div></div></div><div class="flex flex-col items-center gap-4" style="opacity:0;transform:translateY(12px)"><p class="font-mono text-sm text-text-muted tracking-widest" style="opacity:0;transform:translateY(6px)">Initialising systems...</p><div class="w-48 h-px bg-white/10 rounded-full overflow-hidden" aria-hidden="true"><div class="h-full rounded-full" style="background:linear-gradient(90deg, #0ea5e9, #6366f1, #22d3ee);width:0px"></div></div><span class="font-mono text-xs text-text-subtle tabular-nums">0<!-- -->%</span></div></div><div style="pointer-events:none"><main class="bg-bg-base min-h-screen"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="pointer-events-none fixed top-0 left-0 right-0 z-[9998] h-[2px] origin-left" style="background:linear-gradient(90deg, #0ea5e9, #6366f1);
1transform:scaleX(0)"></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><header class="fixed top-0 left-0 right-0 z-50 h-16 transition-all duration-300 bg-transparent border-b border-transparent" style="opacity:0;transform:translateY(-80px)"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-full flex items-center justify-between"><button class="flex flex-col items-start group focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded-md" aria-label="Scroll to top"><span class="text-xl font-bold font-mono text-gradient leading-none tracking-tight group-hover:opacity-80 transition-opacity">AJ</span><span class="hidden sm:block text-xs text-text-muted leading-none mt-0.5 group-hover:text-text-primary transition-colors">akashjavali.com</span></button><nav class="hidden md:flex items-center gap-1" aria-label="Main navigation"><button class="relative px-3 py-1.5 text-sm font-medium rounded-md transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue text-accent-blue" aria-current="page">Home<span class="absolute inset-x-1 -bottom-px h-px bg-gradient-to-r from-accent-blue to-accent-indigo"></span></button><button class="relative px-3 py-1.5 text-sm font-medium rounded-md transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue text-text-muted hover:text-text-primary">About</button><button class="relative px-3 py-1.5 text-sm font-medium rounded-md transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue text-text-muted hover:text-text-primary">Stack</button><button class="relative px-3 py-1.5 text-sm font-medium rounded-md transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue text-text-muted hover:text-text-primary">Projects</button><button class="relative px-3 py-1.5 text-sm font-medium rounded-md transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue text-text-muted hover:text-text-primary">Mindset</button><button class="relative px-3 py-1.5 text-sm font-medium rounded-md transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue text-text-muted hover:text-text-primary">Contact</button></nav><div class="flex items-center gap-3"><div class="hidden sm:flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-bg-elevated border border-bg-border text-xs text-text-muted"><span class="relative flex h-2 w-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-green-500"></span></span><span class="text-green-400 font-medium">Open to Work</span></div><a href="/assets/files/Akash%20Resume.pdf" download="" target="_blank" rel="noopener noreferrer" class="hidden sm:inline-flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium bg-bg-elevated border border-bg-border text-text-muted hover:border-accent-blue hover:text-accent-blue transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue" aria-label="Download Resume"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>Resume</a><button class="md:hidden flex items-center justify-center w-9 h-9 rounded-md text-text-muted hover:text-text-primary hover:bg-bg-elevated transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue" aria-label="Open menu" aria-expanded="false"><span style="opacity:1;transform:none"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></span></button></div></div></header><section id="hero" class="relative min-h-screen flex items-center pt-20 pb-10 sm:pb-0 overflow-hidden bg-bg-base"><div class="absolute inset-0 bg-grid pointer-events-none select-none" style="opacity:0.05" aria-hidden="true"></div><div class="hidden sm:block absolute rounded-full pointer-events-none" style="top:5rem;left:25%;width:24rem;height:24rem;background:rgba(14,165,233,0.10);filter:blur(120px);animation:hero-blob-a 18s ease-in-out infinite;will-change:transform" aria-hidden="true"></div><div class="hidden sm:block absolute rounded-full pointer-events-none" style="bottom:10rem;right:25%;width:20rem;height:20rem;background:rgba(99,102,241,0.10);filter:blur(100px);animation:hero-blob-b 22s ease-in-out infinite 3s;will-change:transform" aria-hidden="true"></div><div class="container mx-auto px-6 grid lg:grid-cols-2 gap-12 items-center relative z-10"><div class="flex flex-col gap-6"><div class="w-fit" style="opacity:1"><span class="inline-flex items-center gap-2 border border-green-500/30 bg-green-500/10 text-green-400 rounded-full px-3 py-1 text-xs font-mono select-none cursor-default"><span class="w-1.5 h-1.5 rounded-full bg-green-400 flex-shrink-0" style="animation:hero-avail-pulse 2s ease-in-out infinite" aria-hidden="true"></span>Available for new opportunities</span></div><h1 class="text-5xl lg:text-7xl xl:text-8xl font-bold tracking-tight text-text-primary leading-none" style="opacity:1;transform:translateY(20px)">Akash Javali</h1><p class="text-3xl lg:text-5xl font-bold leading-tight" style="transform:translateY(24px)"><span class="text-text-muted">Senior Full Stack </span><span class="text-gradient">Engineer.</span></p><div class="max-w-lg" style="transform:translateY(24px)"><p class="text-text-muted text-lg lg:text-xl leading-relaxed">I architect and build web products that scale.</p><p class="text-text-muted text-lg lg:text-xl leading-relaxed mt-1">MERN specialist.<!-- --> <span class="text-text-primary font-medium">7+ years.</span> <!-- -->Now<!-- --> <span class="text-gradient-cyan font-semibold">3x faster</span> <!-- -->with AI.</p></div><div class="flex flex-wrap gap-2" style="transform:translateY(24px)"><span class="bg-bg-elevated border border-bg-border text-text-muted text-xs px-2 py-1 rounded-md font-mono select-none cursor-default transition-colors duration-200 hover:border-accent-blue/50 hover:text-text-primary">React</span><span class="bg-bg-elevated border border-bg-border text-text-muted text-xs px-2 py-1 rounded-md font-mono select-none cursor-default transition-colors duration-200 hover:border-accent-blue/50 hover:text-text-primary">Next.js</span><span class="bg-bg-elevated border border-bg-border text-text-muted text-xs px-2 py-1 rounded-md font-mono select-none cursor-default transition-colors duration-200 hover:border-accent-blue/50 hover:text-text-primary">Node.js</span><span class="bg-bg-elevated border border-bg-border text-text-muted text-xs px-2 py-1 rounded-md font-mono select-none cursor-default transition-colors duration-200 hover:border-accent-blue/50 hover:text-text-primary">TypeScript</span><span class="bg-bg-elevated border border-bg-border text-text-muted text-xs px-2 py-1 rounded-md font-mono select-none cursor-default transition-colors duration-200 hover:border-accent-blue/50 hover:text-text-primary">MongoDB</span></div><div class="flex flex-wrap gap-4 pt-1" style="transform:translateY(24px)"><a href="#projects" class="inline-flex items-center gap-2 bg-accent-blue text-white px-6 py-3 rounded-lg font-medium text-sm hover:bg-accent-blue/90 transition-colors duration-200 shadow-glow-sm" tabindex="0" style="transform:none">View My Work</a><a href="/assets/files/Akash%20Resume.pdf" download="" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 border-glow text-text-primary px-6 py-3 rounded-lg font-medium text-sm hover:bg-accent-blue/5 transition-colors duration-200" tabindex="0" style="transform:none"><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" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>Download Resume</a></div></div><div class="hidden lg:block"><div class="relative" style="opacity:0"><div class="absolute -inset-[1.5px] rounded-xl" style="background:conic-gradient(from var(--hero-border-angle, 0deg), #0ea5e9, #6366f1, #22d3ee, #6366f1, #0ea5e9);animation:hero-rotating-border 5s linear infinite;border-radius:inherit;z-index:0" aria-hidden="true"></div><div class="relative z-10 bg-bg-surface rounded-xl overflow-hidden"><div class="flex items-center gap-2 px-4 py-3 border-b border-bg-border bg-bg-elevated"><span class="w-3 h-3 rounded-full flex-shrink-0" style="background:#FF5F57"></span><span class="w-3 h-3 rounded-full flex-shrink-0" style="background:#FFBD2E"></span><span class="w-3 h-3 rounded-full flex-shrink-0" style="background:#28C840"></span><span class="ml-3 font-mono text-xs text-text-muted select-none">engineer.ts</span></div><div class="p-6 font-mono text-sm leading-relaxed overflow-x-auto"><pre class="whitespace-pre-wrap break-words"><span class="inline-block w-[2px] h-[1em] bg-accent-blue align-middle" style="animation:hero-cursor-blink 1s step-end infinite"></span></pre></div></div></div></div></div><div class="absolute bottom-8 left-1/2 -translate-x-1/2 hidden sm:flex flex-col items-center gap-1 pointer-events-none" aria-hidden="true"><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-5 h-5 text-text-muted" style="animation:hero-scroll-bounce 2s ease-in-out infinite"><path d="m6 9 6 6 6-6"></path></svg><span class="text-text-muted text-xs font-mono tracking-widest uppercase select-none">scroll to explore</span></div></section><section aria-label="Key statistics" class="py-16 bg-bg-surface/50 border-y border-bg-border overflow-hidden"><div class="container mx-auto px-6">
1<div class="grid grid-cols-2 lg:grid-cols-5 gap-0 lg:divide-x lg:divide-bg-border"><div class="col-span-1 border-r border-bg-border lg:border-r-0"><div class="flex flex-col items-center justify-center text-center px-2 py-5 sm:px-4 sm:py-6 relative group" style="opacity:0;transform:translateY(24px)"><span class="absolute top-0 left-1/2 -translate-x-1/2 w-8 h-px bg-gradient-to-r from-transparent via-accent-blue/40 to-transparent" aria-hidden="true"></span><p class="text-3xl sm:text-4xl lg:text-5xl font-bold text-gradient tabular-nums leading-none" aria-label="7+ Years of Experience">0<!-- -->+</p><p class="text-text-primary font-medium text-[11px] sm:text-sm uppercase tracking-wide sm:tracking-wider mt-2 sm:mt-3 leading-tight">Years of Experience</p><div class="flex items-center justify-center gap-1.5 mt-1"><span class="text-text-muted text-[10px] sm:text-xs">Shipping production code</span></div></div></div><div class="col-span-1"><div class="flex flex-col items-center justify-center text-center px-2 py-5 sm:px-4 sm:py-6 relative group" style="opacity:0;transform:translateY(24px)"><span class="absolute top-0 left-1/2 -translate-x-1/2 w-8 h-px bg-gradient-to-r from-transparent via-accent-blue/40 to-transparent" aria-hidden="true"></span><p class="text-3xl sm:text-4xl lg:text-5xl font-bold text-gradient tabular-nums leading-none" aria-label="10+ Web Apps Built">0<!-- -->+</p><p class="text-text-primary font-medium text-[11px] sm:text-sm uppercase tracking-wide sm:tracking-wider mt-2 sm:mt-3 leading-tight">Web Apps Built</p><div class="flex items-center justify-center gap-1.5 mt-1"><span class="text-text-muted text-[10px] sm:text-xs">React &amp; Next.js</span></div></div></div><div class="col-span-1 border-t lg:border-t-0 border-r border-bg-border lg:border-r-0"><div class="flex flex-col items-center justify-center text-center px-2 py-5 sm:px-4 sm:py-6 relative group" style="opacity:0;transform:translateY(24px)"><span class="absolute top-0 left-1/2 -translate-x-1/2 w-8 h-px bg-gradient-to-r from-transparent via-accent-blue/40 to-transparent" aria-hidden="true"></span><p class="text-3xl sm:text-4xl lg:text-5xl font-bold text-gradient tabular-nums leading-none" aria-label="36+ Projects Delivered">0<!-- -->+</p><p class="text-text-primary font-medium text-[11px] sm:text-sm uppercase tracking-wide sm:tracking-wider mt-2 sm:mt-3 leading-tight">Projects Delivered</p><div class="flex items-center justify-center gap-1.5 mt-1"><span class="text-text-muted text-[10px] sm:text-xs">Across industries</span></div></div></div><div class="col-span-1 border-t border-bg-border lg:border-t-0"><div class="flex flex-col items-center justify-center text-center px-2 py-5 sm:px-4 sm:py-6 relative group" style="opacity:0;transform:translateY(24px)"><span class="absolute top-0 left-1/2 -translate-x-1/2 w-8 h-px bg-gradient-to-r from-transparent via-accent-blue/40 to-transparent" aria-hidden="true"></span><p class="text-3xl sm:text-4xl lg:text-5xl font-bold text-gradient tabular-nums leading-none" aria-label="5 Promotions">0</p><p class="text-text-primary font-medium text-[11px] sm:text-sm uppercase tracking-wide sm:tracking-wider mt-2 sm:mt-3 leading-tight">Promotions</p><div class="flex items-center justify-center gap-1.5 mt-1"><span class="text-text-muted text-[10px] sm:text-xs">One company, 7.5 years</span></div></div></div><div class="col-span-2 lg:col-span-1 border-t border-bg-border lg:border-t-0"><div class="flex flex-col items-center justify-center text-center px-2 py-5 sm:px-4 sm:py-6 relative group" style="opacity:0;transform:translateY(24px)"><span class="absolute top-0 left-1/2 -translate-x-1/2 w-8 h-px bg-gradient-to-r from-transparent via-accent-blue/40 to-transparent" aria-hidden="true"></span><p class="text-3xl sm:text-4xl lg:text-5xl font-bold text-gradient tabular-nums leading-none" aria-label="3x Faster Delivery">0<!-- -->x</p><p class="text-text-primary font-medium text-[11px] sm:text-sm uppercase tracking-wide sm:tracking-wider mt-2 sm:mt-3 leading-tight">Faster Delivery</p><div class="flex items-center justify-center gap-1.5 mt-1"><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-medium bg-accent-indigo/10 border border-accent-indigo/30 text-accent-indigo">✦ AI</span><span class="text-text-muted text-[10px] sm:text-xs">AI-powered workflow</span></div></div></div></div></div></section><!--$--><section id="about" aria-label="About Akash Javali" class="py-24 overflow-hidden"><div class="container mx-auto px-6"><div class="grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-24 items-start"><div class="flex flex-col gap-6"><p class="font-mono text-sm text-accent-blue" style="opacity:0;transform:translateY(30px)">// about me</p><h2 class="text-3xl sm:text-4xl lg:text-[2.6rem] font-bold leading-tight text-gradient" style="opacity:0;transform:translateY(30px)">The engineer who thinks in systems — and ships faster with AI.</h2><div class="flex flex-col gap-4 text-text-muted text-base leading-relaxed" style="opacity:0;transform:translateY(30px)"><p>I didn&#x27;t start as a developer. My degree is in Electronics Engineering — but co
1de was always what excited me. So I made passion my career. That decision led me to Pace Wisdom Solutions, where I&#x27;ve spent 7+ years growing from Software Engineer to Associate Team Lead.</p><p>Over that time I&#x27;ve shipped 10+ production web applications, built 3 backend systems from scratch, led development teams, mentored engineers, and architected solutions serving real users across agriculture, fintech, healthtech, and publishing.</p><p>Today I pair 7 years of engineering experience with AI tools — certified by Anthropic in Claude Code. The result: faster delivery, fewer bugs, and more time for the architectural decisions that actually move products forward.</p></div><ul class="flex flex-col gap-2 mt-1" aria-label="Specializations" style="opacity:0;transform:translateX(-40px)"><li class="flex items-start gap-2.5 text-sm text-text-muted group"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right mt-0.5 shrink-0 text-accent-blue group-hover:translate-x-0.5 transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="group-hover:text-text-primary transition-colors duration-200">Full-stack MERN applications at scale</span></li><li class="flex items-start gap-2.5 text-sm text-text-muted group"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right mt-0.5 shrink-0 text-accent-blue group-hover:translate-x-0.5 transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="group-hover:text-text-primary transition-colors duration-200">System architecture &amp; design for growth</span></li><li class="flex items-start gap-2.5 text-sm text-text-muted group"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right mt-0.5 shrink-0 text-accent-blue group-hover:translate-x-0.5 transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="group-hover:text-text-primary transition-colors duration-200">AI-augmented development (Anthropic-certified)</span></li><li class="flex items-start gap-2.5 text-sm text-text-muted group"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right mt-0.5 shrink-0 text-accent-blue group-hover:translate-x-0.5 transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="group-hover:text-text-primary transition-colors duration-200">Performance optimization &amp; Core Web Vitals</span></li><li class="flex items-start gap-2.5 text-sm text-text-muted group"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right mt-0.5 shrink-0 text-accent-blue group-hover:translate-x-0.5 transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="group-hover:text-text-primary transition-colors duration-200">Team leadership &amp; developer mentoring</span></li></ul><div style="opacity:0;transform:translateY(30px)"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium bg-green-500/10 border border-green-500/30 text-green-400"><span class="relative flex h-2 w-2" aria-hidden="true"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span><span class="relative inline-flex h-2 w-2 rounded-full bg-green-500"></span></span>Open to new opportunities</div></div></div><div class="flex flex-col gap-6" style="opacity:0;transform:translateX(40px)"><div class="grid grid-cols-2 gap-4"><div class="bg-bg-elevated border border-bg-border rounded-xl p-6 transition-all duration-300 hover:border-accent-blue/50 hover:shadow-[0_0_20px_rgba(14,165,233,0.12)]"><p class="font-bold text-base leading-snug text-accent-blue">Electronics → Web Dev</p><p class="text-text-muted text-xs mt-1 leading-relaxed">Chose passion over convention</p></div><div class="bg-bg-elevated border border-bg-border rounded-xl p-6 transition-all duration-300 hover:border-accent-indigo/50 hover:shadow-[0_0_20px_rgba(99,102,241,0.12)]"><p class="font-bold text-base leading-snug text-accent-indigo">7.5 Years</p><p class="text-text-muted text-xs mt-1 leading-relaxed">All at Pace Wisdom Solutions</p></div><div class="bg-bg-elevated border border-bg-border rounded-xl p-6 transition-all duration-300 hover:border-accent-cyan/50 hover:shadow-[0_0_20px_rgba(34,211,238,0.12)]"><p class="font-bold text-base leading-snug text-accent-cyan">5 Promotions</p><p class="text-text-muted text-xs mt-1 leading-relaxed">Eng → Team Lead</p></div><div class="bg-bg-elevated border border-bg-border rounded-xl p-6 transition-all duration-300 hover:border-accent-indigo/50 hover:shadow-[0_0_20px_rgba(99,102,241,0.12)]"><p class="font-bold text-base leading-snug text-accent-indigo">Anthropic Certified</p><p class="text-text-muted text-xs mt-1 leading-relaxed">Claude Code in Action · Mar 2026</p></div></div><div class="flex items-center gap-3 px-5 py-4 rounded-xl bg-bg-elevated border border-bg-border"><span class="relative flex h-2.5 w-2.5 shrink-0" aria-hidden="true"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span><span class="relative inline-flex h-2.5 w-2.5 rounded-full bg-green-500"></span></span><div class="flex flex-col"><span class="text-text-primary text-sm font-medium leading-snug">Currently open to work</span><span class="text-text-muted text-xs leading-snug mt-0.5">Software Engineer roles</span></div><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin ml-auto text-text-subtle shrink-0" 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><div tabindex="0"><a href="#contact" class="group flex items-center justify-center gap-2.5 w-full px-6 py-3.5 rounded-xl bg-gradient-to-r from-accent-blue to-accent-indigo text-white font-semibold text-sm shadow-[0_0_28px_rgba(14,165,233,0.25)] hover:shadow-[0_0_40px_rgba(14,165,233,0.4)] transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles group-hover:rotate-12 transition-transform duration-300" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Let&#x27;s Talk<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-1 transition-transform duration-300" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></section><!--/$--><!--$--><section id="stack" aria-label="Tech stack" class="py-24 bg-bg-surface/30 overflow-hidden"><div class="container mx-auto px-6"><div class="mb-14 flex flex-col gap-3 max-w-2xl"><p class="font-mono text-sm text-accent-blue" style="opacity:0;transform:translateY(24px)">// tech stack</p><h2 class="text-3xl sm:text-4xl font-bold text-text-primary leading-tight" style="opacity:0;transform:translateY(24px)">Tools I build with</h2><p class="text-text-muted text-base" style="opacity:0;transform:translateY(24px)">Chosen deliberately. Used in production.</p></div><div class="flex flex-col gap-10"><div class="flex flex-col gap-3"><div class="flex items-center gap-3"><span class="text-text-muted text-xs uppercase tracking-wider font-medium">Core MERN Stack</span><span class="flex-1 h-px bg-bg-border" aria-hidden="true"></span></div><div class="flex flex-wrap gap-2.5"><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-4 px-6 text-sm gap-3" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-8 h-8 text-base" style="background-color:#61DAFB18;color:#61DAFB" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">React.js</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-4 px-6 text-sm gap-3" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-8 h-8 text-base" style="background-color:#ffffff18;color:#ffffff" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18.665 21.978C16.758 23.255 14.465 24 12 24 5.377 24 0 18.623 0 12S5.377 0 12 0s12 5.377 12 12c0 3.583-1.574 6.801-4.067 9.001L9.219 7.2H7.2v9.596h1.615V9.251l9.85 12.727Zm-3.332-8.533 1.6 2.061V7.2h-1.6v6.245Z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">Next.js</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-4 px-6 text-sm gap-3" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-8 h-8 text-base" style="background-color:#33993318;color:#339933" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11.998,24c-0.321,0-0.641-0.084-0.922-0.247l-2.936-1.737c-0.438-0.245-0.224-0.332-0.08-0.383 c0.585-0.203,0.703-0.25,1.328-0.604c0.065-0.037,0.151-0.023,0.218,0.017l2.256,1.339c0.082,0.045,0.197,
10.045,0.272,0l8.795-5.076 c0.082-0.047,0.134-0.141,0.134-0.238V6.921c0-0.099-0.053-0.192-0.137-0.242l-8.791-5.072c-0.081-0.047-0.189-0.047-0.271,0 L3.075,6.68C2.99,6.729,2.936,6.825,2.936,6.921v10.15c0,0.097,0.054,0.189,0.139,0.235l2.409,1.392 c1.307,0.654,2.108-0.116,2.108-0.89V7.787c0-0.142,0.114-0.253,0.256-0.253h1.115c0.139,0,0.255,0.112,0.255,0.253v10.021 c0,1.745-0.95,2.745-2.604,2.745c-0.508,0-0.909,0-2.026-0.551L2.28,18.675c-0.57-0.329-0.922-0.945-0.922-1.604V6.921 c0-0.659,0.353-1.275,0.922-1.603l8.795-5.082c0.557-0.315,1.296-0.315,1.848,0l8.794,5.082c0.57,0.329,0.924,0.944,0.924,1.603 v10.15c0,0.659-0.354,1.273-0.924,1.604l-8.794,5.078C12.643,23.916,12.324,24,11.998,24z M19.099,13.993 c0-1.9-1.284-2.406-3.987-2.763c-2.731-0.361-3.009-0.548-3.009-1.187c0-0.528,0.235-1.233,2.258-1.233 c1.807,0,2.473,0.389,2.747,1.607c0.024,0.115,0.129,0.199,0.247,0.199h1.141c0.071,0,0.138-0.031,0.186-0.081 c0.048-0.054,0.074-0.123,0.067-0.196c-0.177-2.098-1.571-3.076-4.388-3.076c-2.508,0-4.004,1.058-4.004,2.833 c0,1.925,1.488,2.457,3.895,2.695c2.88,0.282,3.103,0.703,3.103,1.269c0,0.983-0.789,1.402-2.642,1.402 c-2.327,0-2.839-0.584-3.011-1.742c-0.02-0.124-0.126-0.215-0.253-0.215h-1.137c-0.141,0-0.254,0.112-0.254,0.253 c0,1.482,0.806,3.248,4.655,3.248C17.501,17.007,19.099,15.91,19.099,13.993z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">Node.js</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-4 px-6 text-sm gap-3" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-8 h-8 text-base" style="background-color:#3178C618;color:#3178C6" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75c.612 0 1.154.037 1.627.111a6.38 6.38 0 0 1 1.306.34v2.458a3.95 3.95 0 0 0-.643-.361 5.093 5.093 0 0 0-.717-.26 5.453 5.453 0 0 0-1.426-.2c-.3 0-.573.028-.819.086a2.1 2.1 0 0 0-.623.242c-.17.104-.3.229-.393.374a.888.888 0 0 0-.14.49c0 .196.053.373.156.529.104.156.252.304.443.444s.423.276.696.41c.273.135.582.274.926.416.47.197.892.407 1.266.628.374.222.695.473.963.753.268.279.472.598.614.957.142.359.214.776.214 1.253 0 .657-.125 1.21-.373 1.656a3.033 3.033 0 0 1-1.012 1.085 4.38 4.38 0 0 1-1.487.596c-.566.12-1.163.18-1.79.18a9.916 9.916 0 0 1-1.84-.164 5.544 5.544 0 0 1-1.512-.493v-2.63a5.033 5.033 0 0 0 3.237 1.2c.333 0 .624-.03.872-.09.249-.06.456-.144.623-.25.166-.108.29-.234.373-.38a1.023 1.023 0 0 0-.074-1.089 2.12 2.12 0 0 0-.537-.5 5.597 5.597 0 0 0-.807-.444 27.72 27.72 0 0 0-1.007-.436c-.918-.383-1.602-.852-2.053-1.405-.45-.553-.676-1.222-.676-2.005 0-.614.123-1.141.369-1.582.246-.441.58-.804 1.004-1.089a4.494 4.494 0 0 1 1.47-.629 7.536 7.536 0 0 1 1.77-.201zm-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">TypeScript</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-4 px-6 text-sm gap-3" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-8 h-8 text-base" style="background-color:#47A24818;color:#47A248" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M17.193 9.555c-1.264-5.58-4.252-7.414-4.573-8.115-.28-.394-.53-.954-.735-1.44-.036.495-.055.685-.523 1.184-.723.566-4.438 3.682-4.74 10.02-.282 5.912 4.27 9.435 4.888 9.884l.07.05A73.49 73.49 0 0111.91 24h.481c.114-1.032.284-2.056.51-3.07.417-.296.604-.463.85-.693a11.342 11.342 0 003.639-8.464c.01-.814-.103-1.662-.197-2.218zm-5.336 8.195s0-8.291.275-8.29c.213 0 .49 10.695.49 10.695-.381-.045-.765-1.76-.765-2.405z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">MongoDB</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-4 px-6 text-sm gap-3" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-8 h-8 text-base" style="background-color:#33679118;color:#336791" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M23.5594 14.7228a.5269.5269 0 0 0-.0563-.1191c-.139-.2632-.4768-.3418-1.0074-.2321-1.6533.3411-2.2935.1312-2.5256-.0191 1.342-2.0482 2.445-4.522 3.0411-6.8297.2714-1.0507.7982-3.5237.1222-4.7316a1.5641 1.5641 0 0 0-.1509-.235C21.6931.9086 19.8007.0248 17.5099.0005c-1.4947-.0158-2.7705.3461-3.1161.4794a9.449 9.449 0 0 0-.5159-.0816 8.044 8.044 0 0 0-1.3114-.1278c-1.1822-.0184-2.2038.2642-3.0498.8406-.8573-.3211-4.7888-1.645-7.2219.0788C.9359 2.1526.3086 3.8733.4302 6.3043c.0409.818.5069 3.334 1.2423 5.7436.4598 1.5065.9387 2.7019 1.4334 3.582.553.9942 1.1259 1.5933 1.7143 1.7895.4474.1491 1.1327.1441 1.8581-.7279.8012-.9635 1.5903-1.8258 1.9446-2.2069.4351.2355.9064.3625 1.39.3772a.0569.0569 0 0 0 .0004.0041 11.0312 11.0312 0 0 0-.2472.3054c-.3389.43
102-.4094.5197-1.5002.7443-.3102.064-1.1344.2339-1.1464.8115-.0025.1224.0329.2309.0919.3268.2269.4231.9216.6097 1.015.6331 1.3345.3335 2.5044.092 3.3714-.6787-.017 2.231.0775 4.4174.3454 5.0874.2212.5529.7618 1.9045 2.4692 1.9043.2505 0 .5263-.0291.8296-.0941 1.7819-.3821 2.5557-1.1696 2.855-2.9059.1503-.8707.4016-2.8753.5388-4.1012.0169-.0703.0357-.1207.057-.1362.0007-.0005.0697-.0471.4272.0307a.3673.3673 0 0 0 .0443.0068l.2539.0223.0149.001c.8468.0384 1.9114-.1426 2.5312-.4308.6438-.2988 1.8057-1.0323 1.5951-1.6698zM2.371 11.8765c-.7435-2.4358-1.1779-4.8851-1.2123-5.5719-.1086-2.1714.4171-3.6829 1.5623-4.4927 1.8367-1.2986 4.8398-.5408 6.108-.13-.0032.0032-.0066.0061-.0098.0094-2.0238 2.044-1.9758 5.536-1.9708 5.7495-.0002.0823.0066.1989.0162.3593.0348.5873.0996 1.6804-.0735 2.9184-.1609 1.1504.1937 2.2764.9728 3.0892.0806.0841.1648.1631.2518.2374-.3468.3714-1.1004 1.1926-1.9025 2.1576-.5677.6825-.9597.5517-1.0886.5087-.3919-.1307-.813-.5871-1.2381-1.3223-.4796-.839-.9635-2.0317-1.4155-3.5126zm6.0072 5.0871c-.1711-.0428-.3271-.1132-.4322-.1772.0889-.0394.2374-.0902.4833-.1409 1.2833-.2641 1.4815-.4506 1.9143-1.0002.0992-.126.2116-.2687.3673-.4426a.3549.3549 0 0 0 .0737-.1298c.1708-.1513.2724-.1099.4369-.0417.156.0646.3078.26.3695.4752.0291.1016.0619.2945-.0452.4444-.9043 1.2658-2.2216 1.2494-3.1676 1.0128zm2.094-3.988-.0525.141c-.133.3566-.2567.6881-.3334 1.003-.6674-.0021-1.3168-.2872-1.8105-.8024-.6279-.6551-.9131-1.5664-.7825-2.5004.1828-1.3079.1153-2.4468.079-3.0586-.005-.0857-.0095-.1607-.0122-.2199.2957-.2621 1.6659-.9962 2.6429-.7724.4459.1022.7176.4057.8305.928.5846 2.7038.0774 3.8307-.3302 4.7363-.084.1866-.1633.3629-.2311.5454zm7.3637 4.5725c-.0169.1768-.0358.376-.0618.5959l-.146.4383a.3547.3547 0 0 0-.0182.1077c-.0059.4747-.054.6489-.115.8693-.0634.2292-.1353.4891-.1794 1.0575-.11 1.4143-.8782 2.2267-2.4172 2.5565-1.5155.3251-1.7843-.4968-2.0212-1.2217a6.5824 6.5824 0 0 0-.0769-.2266c-.2154-.5858-.1911-1.4119-.1574-2.5551.0165-.5612-.0249-1.9013-.3302-2.6462.0044-.2932.0106-.5909.019-.8918a.3529.3529 0 0 0-.0153-.1126 1.4927 1.4927 0 0 0-.0439-.208c-.1226-.4283-.4213-.7866-.7797-.9351-.1424-.059-.4038-.1672-.7178-.0869.067-.276.1831-.5875.309-.9249l.0529-.142c.0595-.16.134-.3257.213-.5012.4265-.9476 1.0106-2.2453.3766-5.1772-.2374-1.0981-1.0304-1.6343-2.2324-1.5098-.7207.0746-1.3799.3654-1.7088.5321a5.6716 5.6716 0 0 0-.1958.1041c.0918-1.1064.4386-3.1741 1.7357-4.4823a4.0306 4.0306 0 0 1 .3033-.276.3532.3532 0 0 0 .1447-.0644c.7524-.5706 1.6945-.8506 2.802-.8325.4091.0067.8017.0339 1.1742.081 1.939.3544 3.2439 1.4468 4.0359 2.3827.8143.9623 1.2552 1.9315 1.4312 2.4543-1.3232-.1346-2.2234.1268-2.6797.779-.9926 1.4189.543 4.1729 1.2811 5.4964.1353.2426.2522.4522.2889.5413.2403.5825.5515.9713.7787 1.2552.0696.087.1372.1714.1885.245-.4008.1155-1.1208.3825-1.0552 1.717-.0123.1563-.0423.4469-.0834.8148-.0461.2077-.0702.4603-.0994.7662zm.8905-1.6211c-.0405-.8316.2691-.9185.5967-1.0105a2.8566 2.8566 0 0 0 .135-.0406 1.202 1.202 0 0 0 .1342.103c.5703.3765 1.5823.4213 3.0068.1344-.2016.1769-.5189.3994-.9533.6011-.4098.1903-1.0957.333-1.7473.3636-.7197.0336-1.0859-.0807-1.1721-.151zm.5695-9.2712c-.0059.3508-.0542.6692-.1054 1.0017-.055.3576-.112.7274-.1264 1.1762-.0142.4368.0404.8909.0932 1.3301.1066.887.216 1.8003-.2075 2.7014a3.5272 3.5272 0 0 1-.1876-.3856c-.0527-.1276-.1669-.3326-.3251-.6162-.6156-1.1041-2.0574-3.6896-1.3193-4.7446.3795-.5427 1.3408-.5661 2.1781-.463zm.2284 7.0137a12.3762 12.3762 0 0 0-.0853-.1074l-.0355-.0444c.7262-1.1995.5842-2.3862.4578-3.4385-.0519-.4318-.1009-.8396-.0885-1.2226.0129-.4061.0666-.7543.1185-1.0911.0639-.415.1288-.8443.1109-1.3505.0134-.0531.0188-.1158.0118-.1902-.0457-.4855-.5999-1.938-1.7294-3.253-.6076-.7073-1.4896-1.4972-2.6889-2.0395.5251-.1066 1.2328-.2035 2.0244-.1859 2.0515.0456 3.6746.8135 4.8242 2.2824a.908.908 0 0 1 .0667.1002c.7231 1.3556-.2762 6.2751-2.9867 10.5405zm-8.8166-6.1162c-.025.1794-.3089.4225-.6211.4225a.5821.5821 0 0 1-.0809-.0056c-.1873-.026-.3765-.144-.5059-.3156-.0458-.0605-.1203-.178-.1055-.2844.0055-.0401.0261-.0985.0925-.1488.1182-.0894.3518-.1226.6096-.0867.3163.0441.6426.1938.6113.4186zm7.9305-.4114c.0111.0792-.049.201-.1531.3102-.0683.0717-.212.1961-.4079.2232a.5456.5456 0 0 1-.075.0052c-.2935 0-.5414-.2344-.5607-.3717-.024-.1765.2641-.3106.5611-.352.297-.0414.6111.0088.6356.1851z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">PostgreSQL</span></div></div></div></div><div class="flex flex-col gap-3"><div class="flex items-center gap-3"><span class="text-text-muted text-xs uppercase tracking-wider font-medium">Extended Stack</span><span class="flex-1 h-px bg-bg-border" aria-hidden="true"></span></div><div class="flex flex-wrap gap-2.5"><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-3 px-5 text-sm gap-2.5" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-7 h-7 text-sm" style="background-color:#42B88318;color:#42B883" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M24,1.61H14.06L12,5.16,9.94,1.61H0L12,22.39ZM12,14.08,5.16,2.23H9.59L12,6.41l2.41-4.18h4.43Z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">Vue.js</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-3 px-5 text-sm gap-2.5" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-7 h-7 text-sm" style="background-color:#E0234E18;color:#E0234E" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M14.131.047c-.173 0-.334.037-.483.087.316.21.49.49.576.806.007.043.019.074.025.117a.681.681 0 0 1 .013.112c.024.545-.143.614-.26.936-.18.415-.13.861.086 1.22a.74.74 0 0 0 .074.137c-.235-1.568 1.073-1.803 1.314-2.293.019
1-.428-.334-.713-.613-.911a1.37 1.37 0 0 0-.732-.21zM16.102.4c-.024.143-.006.106-.012.18-.006.05-.006.112-.012.161-.013.05-.025.1-.044.149-.012.05-.03.1-.05.149l-.067.142c-.02.025-.031.05-.05.075l-.037.055a2.152 2.152 0 0 1-.093.124c-.037.038-.068.081-.112.112v.006c-.037.031-.074.068-.118.1-.13.099-.278.173-.415.266-.043.03-.087.056-.124.093a.906.906 0 0 0-.118.099c-.043.037-.074.074-.111.118-.031.037-.068.08-.093.124a1.582 1.582 0 0 0-.087.13c-.025.05-.043.093-.068.142-.019.05-.037.093-.05.143a2.007 2.007 0 0 0-.043.155c-.006.025-.006.056-.012.08-.007.025-.007.05-.013.075 0 .05-.006.105-.006.155 0 .037 0 .074.006.111 0 .05.006.1.019.155.006.05.018.1.03.15.02.049.032.098.05.148.013.03.031.062.044.087l-1.426-.552c-.241-.068-.477-.13-.719-.186l-.39-.093c-.372-.074-.75-.13-1.128-.167-.013 0-.019-.006-.031-.006A11.082 11.082 0 0 0 8.9 2.855c-.378.025-.756.074-1.134.136a12.45 12.45 0 0 0-.837.174l-.279.074c-.092.037-.18.08-.266.118l-.205.093c-.012.006-.024.006-.03.012-.063.031-.118.056-.174.087a2.738 2.738 0 0 0-.236.118c-.043.018-.086.043-.124.062a.559.559 0 0 1-.055.03c-.056.032-.112.063-.162.094a1.56 1.56 0 0 0-.148.093c-.044.03-.087.055-.124.086-.006.007-.013.007-.019.013-.037.025-.08.056-.118.087l-.012.012-.093.074c-.012.007-.025.019-.037.025-.031.025-.062.056-.093.08-.006.013-.019.02-.025.025-.037.038-.074.069-.111.106-.007 0-.007.006-.013.012a1.742 1.742 0 0 0-.111.106c-.007.006-.007.012-.013.012a1.454 1.454 0 0 0-.093.1c-.012.012-.03.024-.043.036a1.374 1.374 0 0 1-.106.112c-.006.012-.018.019-.024.03-.05.05-.093.1-.143.15l-.018.018c-.1.106-.205.211-.317.304-.111.1-.229.192-.347.273a3.777 3.777 0 0 1-.762.421c-.13.056-.267.106-.403.149-.26.056-.527.161-.756.18-.05 0-.105.012-.155.018l-.155.037-.149.056c-.05.019-.099.044-.148.068-.044.031-.093.056-.137.087a1.011 1.011 0 0 0-.124.106c-.043.03-.087.074-.124.111-.037.043-.074.08-.105.124-.031.05-.068.093-.093.143a1.092 1.092 0 0 0-.087.142c-.025.056-.05.106-.068.161-.019.05-.037.106-.056.161-.012.05-.025.1-.03.15 0 .005-.007.012-.007.018-.012.056-.012.13-.019.167C.006 7.95 0 7.986 0 8.03a.657.657 0 0 0 .074.31v.006c.019.037.044.075.069.112.024.037.05.074.08.111.031.031.068.069.106.1a.906.906 0 0 0 .117.099c.149.13.186.173.378.272.031.019.062.031.1.05.006 0 .012.006.018.006 0 .013 0 .019.006.031a1.272 1.272 0 0 0 .08.298c.02.037.032.074.05.111.007.013.013.025.02.031.024.05.049.093.073.137l.093.13c.031.037.069.08.106.118.037.037.074.068.118.105 0 0 .006.006.012.006.037.031.074.062.112.087a.986.986 0 0 0 .136.08c.043.025.093.05.142.069a.73.73 0 0 0 .124.043c.007.006.013.006.025.012.025.007.056.013.08.019-.018.335-.024.65.026.762.055.124.328-.254.6-.688-.036.428-.061.93 0 1.079.069.155.44-.329.763-.862 4.395-1.016 8.405 2.02 8.826 6.31-.08-.67-.905-1.041-1.283-.948-.186.458-.502 1.047-1.01 1.413.043-.41.025-.83-.062-1.24a4.009 4.009 0 0 1-.769 1.562c-.588.043-1.177-.242-1.487-.67-.025-.018-.031-.055-.05-.08-.018-.043-.037-.087-.05-.13a.515.515 0 0 1-.037-.13c-.006-.044-.006-.087-.006-.137v-.093a.992.992 0 0 1 .031-.13c.013-.043.025-.086.044-.13.024-.043.043-.087.074-.13.105-.298.105-.54-.087-.682a.706.706 0 0 0-.118-.062c-.024-.006-.055-.018-.08-.025l-.05-.018a.847.847 0 0 0-.13-.031.472.472 0 0 0-.13-.019 1.01 1.01 0 0 0-.136-.012c-.031 0-.062.006-.093.006a.484.484 0 0 0-.137.019c-.043.006-.086.012-.13.024a1.068 1.068 0 0 0-.13.044c-.043.018-.08.037-.124.056-.037.018-.074.043-.118.062-1.444.942-.582 3.148.403 3.787-.372.068-.75.148-.855.229l-.013.012c.267.161.546.298.837.416.397.13.818.247 1.004.297v.006a5.996 5.996 0 0 0 1.562.112c2.746-.192 4.996-2.28
11 5.405-5.033l.037.161c.019.112.043.23.056.347v.006c.012.056.018.112.025.162v.024c.006.056.012.112.012.162.006.068.012.136.012.204v.1c0 .03.007.067.007.098 0 .038-.007.075-.007.112v.087c0 .043-.006.08-.006.124 0 .025 0 .05-.006.08 0 .044-.006.087-.006.137-.006.018-.006.037-.006.055l-.02.143c0 .019 0 .037-.005.056-.007.062-.019.118-.025.18v.012l-.037.174v.018l-.037.167c0 .007-.007.02-.007.025a1.663 1.663 0 0 1-.043.168v.018c-.019.062-.037.118-.05.174-.006.006-.006.012-.006.012l-.056.186c-.024.062-.043.118-.068.18-.025.062-.043.124-.068.18-.025.062-.05.117-.074.18h-.007c-.024.055-.05.117-.08.173a.302.302 0 0 1-.019.043c-.006.006-.006.013-.012.019a5.867 5.867 0 0 1-1.742 2.082c-.05.031-.099.069-.149.106-.012.012-.03.018-.043.03a2.603 2.603 0 0 1-.136.094l.018.037h.007l.26-.037h.006c.161-.025.322-.056.483-.087.044-.006.093-.019.137-.031l.087-.019c.043-.006.086-.018.13-.024.037-.013.074-.02.111-.031.62-.15 1.221-.354 1.798-.595a9.926 9.926 0 0 1-3.85 3.142c.714-.05 1.426-.167 2.114-.366a9.903 9.903 0 0 0 5.857-4.68 9.893 9.893 0 0 1-1.667 3.986 9.758 9.758 0 0 0 1.655-1.376 9.824 9.824 0 0 0 2.61-5.268c.21.98.272 1.99.18 2.987 4.474-6.241.371-12.712-1.346-14.416-.006-.013-.012-.019-.012-.031-.006.006-.006.006-.006.012 0-.006 0-.006-.007-.012 0 .074-.006.148-.012.223a8.34 8.34 0 0 1-.062.415c-.03.136-.068.273-.105.41-.044.13-.093.266-.15.396a5.322 5.322 0 0 1-.185.378 4.735 4.735 0 0 1-.477.688c-.093.111-.192.21-.292.31a3.994 3.994 0 0 1-.18.155l-.142.124a3.459 3.459 0 0 1-.347.241 4.295 4.295 0 0 1-.366.211c-.13.062-.26.118-.39.174a4.364 4.364 0 0 1-.818.223c-.143.025-.285.037-.422.05a4.914 4.914 0 0 1-.297.012 4.66 4.66 0 0 1-.422-.025 3.137 3.137 0 0 1-.421-.062 3.136 3.136 0 0 1-.415-.105h-.007c.137-.013.273-.025.41-.05a4.493 4.493 0 0 0 .818-.223c.136-.05.266-.112.39-.174.13-.062.248-.13.372-.204.118-.08.235-.161.347-.248.112-.087.217-.18.316-.279.105-.093.198-.198.291-.304.093-.111.18-.223.26-.334.013-.019.026-.044.038-.062.062-.1.124-.199.18-.298a4.272 4.272 0 0 0 .334-.775c.044-.13.075-.266.106-.403.025-.142.05-.278.062-.415.012-.142.025-.285.025-.421 0-.1-.007-.199-.013-.298a6.726 6.726 0 0 0-.05-.415 4.493 4.493 0 0 0-.092-.415c-.044-.13-.087-.267-.137-.397-.05-.13-.111-.26-.173-.384-.069-.124-.137-.248-.211-.366a6.843 6.843 0 0 0-.248-.34c-.093-.106-.186-.212-.285-.317a3.878 3.878 0 0 0-.161-.155c-.28-.217-.57-.421-.862-.607a1.154 1.154 0 0 0-.124-.062 2.415 2.415 0 0 0-.589-.26Z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">NestJS</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-3 px-5 text-sm gap-2.5" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-7 h-7 text-sm" style="background-color:#ffffff18;color:#ffffff" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M24 18.588a1.529 1.529 0 01-1.895-.72l-3.45-4.771-.5-.667-4.003 5.444a1.466 1.466 0 01-1.802.708l5.158-6.92-4.798-6.251a1.595 1.595 0 011.9.666l3.576 4.83 3.596-4.81a1.435 1.435 0 011.788-.668L21.708 7.9l-2.522 3.283a.666.666 0 000 .994l4.804 6.412zM.002 11.576l.42-2.075c1.154-4.103 5.858-5.81 9.094-3.27 1.895 1.489 2.368 3.597 2.275 5.973H1.116C.943 16.447 4.005 19.009 7.92 17.7a4.078 4.078 0 002.582-2.876c.207-.666.548-.78 1.174-.588a5.417 5.417 0 01-2.589 3.957 6.272 6.272 0 01-7.306-.933 6.575 6.575 0 01-1.64-3.858c0-.235-.08-.455-.134-.666A88.33 88.33 0 010 11.577zm1.127-.286h9.654c-.06-3.076-2.001-5.258-4.59-5.278-2.882-.04-4.944 2.094-5.071 5.264z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">Express.js</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-3 px-5 text-sm gap-2.5" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-7 h-7 text-sm" style="background-color:#61DAFB18;color:#61DAFB" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.
1183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">React Native</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-3 px-5 text-sm gap-2.5" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-7 h-7 text-sm" style="background-color:#2496ED18;color:#2496ED" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M13.983 11.078h2.119a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.119a.185.185 0 00-.185.185v1.888c0 .102.083.185.185.185m-2.954-5.43h2.118a.186.186 0 00.186-.186V3.574a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m0 2.716h2.118a.187.187 0 00.186-.186V6.29a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.887c0 .102.082.185.185.186m-2.93 0h2.12a.186.186 0 00.184-.186V6.29a.185.185 0 00-.185-.185H8.1a.185.185 0 00-.185.185v1.887c0 .102.083.185.185.186m-2.964 0h2.119a.186.186 0 00.185-.186V6.29a.185.185 0 00-.185-.185H5.136a.186.186 0 00-.186.185v1.887c0 .102.084.185.186.186m5.893 2.715h2.118a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m-2.93 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.083.185.185.185m-2.964 0h2.119a.185.185 0 00.185-.185V9.006a.185.185 0 00-.184-.186h-2.12a.186.186 0 00-.186.186v1.887c0 .102.084.185.186.185m-2.92 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.082.185.185.185M23.763 9.89c-.065-.051-.672-.51-1.954-.51-.338.001-.676.03-1.01.087-.248-1.7-1.653-2.53-1.716-2.566l-.344-.199-.226.327c-.284.438-.49.922-.612 1.43-.23.97-.09 1.882.403 2.661-.595.332-1.55.413-1.744.42H.751a.751.751 0 00-.75.748 11.376 11.376 0 00.692 4.062c.545 1.428 1.355 2.48 2.41 3.124 1.18.723 3.1 1.137 5.275 1.137.983.003 1.963-.086 2.93-.266a12.248 12.248 0 003.823-1.389c.98-.567 1.86-1.288 2.61-2.136 1.252-1.418 1.998-2.997 2.553-4.4h.221c1.372 0 2.215-.549 2.68-1.009.309-.293.55-.65.707-1.046l.098-.288Z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">Docker</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-3 px-5 text-sm gap-2.5" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-7 h-7 text-sm" style="background-color:#FF990018;color:#FF9900" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M180.41 203.01c-.72 22.65 10.6 32.68 10.88 39.05a8.164 8.164 0 0 1-4.1 6.27l-12.8 8.96a10.66 10.66 0 0 1-5.63 1.92c-.43-.02-8.19 1.83-20.48-25.61a78.608 78.608 0 0 1-62.61 29.45c-16.28.89-60.4-9.24-58.13-56.21-1.59-38.28 34.06-62.06 70.93-60.05 7.1.02 21.6.37 46.99 6.27v-15.62c2.69-26.46-14.7-46.99-44.81-43.91-2.4.01-19.4-.5-45.84 10.11-7.36 3.38-8.3 2.82-10.75 2.82-7.41 0-4.36-21.48-2.94-24.2 5.21-6.4 35.86-18.35 65.94-18.18a76.857 76.857 0 0 1 55.69 17.28 70.285 70.285 0 0 1 17.67 52.36l-.01 69.29zM93.99 235.4c32.43-.47 46.16-19.97 49.29-30.47 2.46-10.05 2.05-16.41 2.05-27.4-9.67-2.32-23.59-4.85-39.56-4.87-15.15-1.14-42.82 5.63-41.74 32.26-1.24 16.79 11.12 31.4 29.96 30.48zm170.92 23.05c-7.86.72-11.52-4.86-12.68-10.37l-49.8-164.65c-.97-2.78-1.61-5.65-1.92-8.58a4.61 4.61 0 0 1 3.86-5.25c.24-.04-2.13 0 22.25 0 8.78-.88 11.64 6.03 12.55 10.37l35.72 140.83 33.16-140.83c.53-3.22 2.94-11.07 12.8-10.24h17.16c2.17-.18 11.11-.5 12.68 10.37l33.42 142.63L420.98 80.1c.48-2.18 2.72-11.37 12.68-10.37h19.72c.85-.13 6.15-.81 5.25 8.58-.43 1.85 3.41-10.66-52.75 169.9-1.15 5.51-4.82 11.09-12.68 10.37h-18.69c-10.94 1.15-12.51-9.66-12.68-10.75L328.67 110.7l-32.78 136.99c-.16 1.09-1.73 11.9-12.68 10.75h-18.3zm273.48 5.63c-5.88.01-33.92-.3-57.36-12.29a12.802 12.802 0 0 1-7.81-11.91v-10.75c0-8.45 6.2-6.9 8.83-5.89 10.04 4.06 16.48 7.14 28.81 9.6 36.65 7.53 52.77-2.3 56.72-4.48 13.15-7.81 14.19-25.68 5.25-34.95-10.48-8.79-15.48-9.12-53.13-21-4.64-1.29-43.7-13.61-43.79-52.36-.61-28.24 25.05-56.18 69.52-55.95 12.67-.01 46.43 4.13 55.57 15.62 1.35 2.09 2.02 4.55 1.92 7.04v10.11c0 4.44-1.62 6.66-4.87 6.66-7.71-.86-21.39-11.17-49.16-10.75-6.89-.36-39.89.91-38.41 24.97-.43 18.96 26.61 26.07 29.7 26.89 36.46 10.97 48.65 12.79 63.12 29.58 17.14 22.25 7.9 48.3 4.35 55.44-19.08 37.49-68.42 34.44-69.26 34.42zm40.2 104.86c-70.03 51.72-171.69 79.25-258.49 79.25A469.127 469.127 0 0 1 2.83 327.46c-6.53-5.89-.77-13.96 7.17-9.47a637.37 637.37 0 0 0 316.88 84.12 630.22 630.22 0 0 0 241.59-49.55c11.78-5 21.77 7.8 10.12 16.38zm29.19-33.29c-8.96-11.52-59.28-5.38-81.81-2.69-6.79.77-7.94-5.12-1.79-9.47 40.07-28.17 105.88-20.1 113.44-10.63 7.55 9.47-2.05 75.41-39.56 106.91-5.76 4.87-11.27 2.3-8.71-4.1 8.44-21.25 27.39-68.49 18.43-80.02z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">AWS</span></div></div></div></div><div class="flex flex-col gap-3"><div class="flex items-center gap-3"><span class="text-text-muted text-xs uppercase tracking-wider font-medium">Tools &amp; DevEx</span><span class="flex-1 h-px bg-bg-border" aria-hidden="true"></span></div><div class="flex flex-wrap gap-2.5"><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-2.5 px-4 text-xs gap-2" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-6 h-6 text-xs" style="background-color:#F0503218;color:#F05032" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M23.546 10.93L13.067.452c-.604-.603-1.582-.603-2.188 0L8.708 2.627l2.76 2.76c.645-.215 1.379-.07 1.889.441.516.515.658 
11.258.438 1.9l2.658 2.66c.645-.223 1.387-.078 1.9.435.721.72.721 1.884 0 2.604-.719.719-1.881.719-2.6 0-.539-.541-.674-1.337-.404-1.996L12.86 8.955v6.525c.176.086.342.203.488.348.713.721.713 1.883 0 2.6-.719.721-1.889.721-2.609 0-.719-.719-.719-1.879 0-2.598.182-.18.387-.316.605-.406V8.835c-.217-.091-.424-.222-.6-.401-.545-.545-.676-1.342-.396-2.009L7.636 3.7.45 10.881c-.6.605-.6 1.584 0 2.189l10.48 10.477c.604.604 1.582.604 2.186 0l10.43-10.43c.605-.603.605-1.582 0-2.187"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">Git</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-2.5 px-4 text-xs gap-2" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-6 h-6 text-xs" style="background-color:#C2132518;color:#C21325" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M22.251 11.82a3.117 3.117 0 0 0-2.328-3.01L22.911 0H8.104L11.1 8.838a3.116 3.116 0 0 0-2.244 2.988c0 1.043.52 1.967 1.313 2.536a8.279 8.279 0 0 1-1.084 1.244 8.14 8.14 0 0 1-2.55 1.647c-.834-.563-1.195-1.556-.869-2.446a3.11 3.11 0 0 0-.91-6.08 3.117 3.117 0 0 0-3.113 3.113c0 .848.347 1.626.903 2.182-.048.097-.097.195-.146.299-.465.959-.993 2.043-1.195 3.259-.403 2.432.257 4.384 1.849 5.489A5.093 5.093 0 0 0 5.999 24c1.827 0 3.682-.917 5.475-1.807 1.279-.632 2.599-1.292 3.898-1.612.48-.118.98-.187 1.508-.264 1.07-.153 2.175-.312 3.168-.89a4.482 4.482 0 0 0 2.182-3.091c.174-.994 0-1.994-.444-2.87.298-.48.465-1.042.465-1.647zm-1.355 0c0 .965-.785 1.75-1.75 1.75
1a1.753 1.753 0 0 1-1.085-3.126l.007-.007c.056-.042.118-.084.18-.125 0 0 .008 0 .008-.007.028-.014.055-.035.083-.05.007 0 .014-.006.021-.006.028-.014.063-.028.097-.042.035-.014.07-.027.098-.041.007 0 .013-.007.02-.007.028-.007.056-.021.084-.028.007 0 .02-.007.028-.007.034-.007.062-.014.097-.02h.007l.104-.022c.007 0 .02 0 .028-.007.028 0 .055-.007.083-.007h.035c.035 0 .07-.007.111-.007h.09c.028 0 .05 0 .077.007h.014c.055.007.111.014.167.028a1.766 1.766 0 0 1 1.396 1.723zM10.043 1.39h10.93l-2.509 7.4c-.104.02-.208.055-.312.09l-2.64-5.385-2.648 5.35c-.104-.034-.216-.055-.327-.076l-2.494-7.38zm4.968 9.825a3.083 3.083 0 0 0-.938-1.668l1.438-2.904 1.452 2.967c-.43.43-.743.98-.868 1.605H15.01zm-3.481-1.098c.034-.007.062-.014.097-.02h.02c.029-.008.056-.008.084-.015h.028c.028 0 .049-.007.076-.007h.271c.028 0 .049.007.07.007.014 0 .02 0 .035.007.027.007.048.007.076.014.007 0 .014 0 .028.007l.097.02h.007c.028.008.056.015.083.029.007 0 .014.007.028.007.021.007.049.014.07.027.007 0 .014.007.02.007.028.014.056.021.084.035h.007a.374.374 0 0 1 .09.049h.007c.028.014.056.034.084.048.007 0 .007.007.013.007.028.014.05.035.077.049l.007.007c.083.062.16.132.236.201l.007.007a1.747 1.747 0 0 1 .48 1.209 1.752 1.752 0 0 1-3.502 0 1.742 1.742 0 0 1 1.32-1.695zm-6.838-.049c.966 0 1.751.786 1.751 1.751s-.785 1.751-1.75 1.751-1.752-.785-1.752-1.75.786-1.752 1.751-1.752zm16.163 6.025a3.07 3.07 0 0 1-1.508 2.133c-.758.438-1.689.577-2.669.716a17.29 17.29 0 0 0-1.64.291c-1.445.355-2.834 1.05-4.182 1.717-1.724.854-3.35 1.66-4.857 1.66a3.645 3.645 0 0 1-2.154-.688c-1.529-1.056-1.453-3.036-1.272-4.12.167-1.015.632-1.966 1.077-2.877.028-.055.049-.104.077-.16.152.056.312.098.479.126-.264 1.473.486 2.994 1.946 3.745l.264.139.284-.104c1.216-.431 2.342-1.133 3.336-2.071a9.334 9.334 0 0 0 1.445-1.716c.16.027.32.034.48.034a3.117 3.117 0 0 0 3.008-2.327h1.167a3.109 3.109 0 0 0 3.01 2.327c.576 0 1.11-.16 1.57-.43.18.52.236 1.063.139 1.605z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">Jest</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-2.5 px-4 text-xs gap-2" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-6 h-6 text-xs" style="background-color:#764ABC18;color:#764ABC" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16.634 16.504c.87-.075 1.543-.84 1.5-1.754-.047-.914-.796-1.648-1.709-1.648h-.061a1.71 1.71 0 00-1.648 1.769c.03.479.226.869.494 1.153-1.048 2.038-2.621 3.536-5.005 4.795-1.603.838-3.296 1.154-4.944.93-1.378-.195-2.456-.81-3.116-1.799-.988-1.499-1.078-3.116-.255-4.734.6-1.17 1.499-2.023 2.099-2.443a9.96 9.96 0 01-.42-1.543C-.868 14.408-.416 18.752.932 20.805c1.004 1.498 3.057 2.456 5.304 2.456.6 0 1.23-.044 1.843-.194 3.897-.749 6.848-3.086 8.541-6.532zm5.348-3.746c-2.32-2.728-5.738-4.226-9.634-4.226h-.51c-.253-.554-.837-.899-1.498-.899h-.045c-.943 0-1.678.81-1.647 1.753.03.898.794 1.648 1.708 1.648h.074a1.69 1.69 0 001.499-1.049h.555c2.309 0 4.495.674 6.488 1.992 1.527 1.005 2.622 2.323 3.237 3.897.538 1.288.509 2.547-.045 3.597-.855 1.647-2.294 2.517-4.196 2.517-1.199 0-2.367-.375-2.967-.644-.36.298-.96.793-1.394 1.093 1.318.598 2.652.943 3.94.943 2.922 0 5.094-1.647 5.919-3.236.898-1.798.824-4.824-1.47-7.416zM6.49 17.042c.03.899.793 1.648 1.708 1.648h.06a1.688 1.688 0 001.648-1.768c0-.9-.779-1.647-1.693-1.647h-.06c-.06 0-.15 0-.226.029-1.243-2.098-1.768-4.347-1.572-6.772.12-1.828.72-3.417 1.797-4.735.9-1.124 2.593-1.68 3.747-1.708 3.236-.061 4.585 3.971 4.689 5.574l1.498.45C17.741 3.197 14.686.62 11.764.62 9.02.62 6.49 2.613 5.47 5.535 4.077 9.43 4.991 13.177 6.7 16.174c-.15.195-.24.539-.21.868z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">Redux</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-2.5 px-4 text-xs gap-2" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-6 h-6 text-xs" style="background-color:#FF415418;color:#FF4154" aria-hidden="true"><span class="font-mono font-bold leading-none text-[0.7em]">R</span></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">React Query</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-2.5 px-4 text-xs gap-2" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-6 h-6 text-xs" style="background-color:#FF6C3718;color:#FF6C37" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M13.527.099C6.955-.744.942 3.9.099 10.473c-.843 6.572 3.8 12.584 10.373 13.428 6.573.843 12.587-3.801 13.428-10.374C24.744 6.955 20.101.943 13.527.099zm2.471 7.485a.855.855 0 0 0-.593.25l-4.453 4.453-.307-.307-.643-.643c4.389-4.376 5.18-4.418 5.996-3.753zm-4.863 4.861l4.44-4.44a.62.62 0 1 1 .847.903l-4.699 4.125-.588-.588zm.33.694l-1.1.238a.06.06 0 0 1-.067-.032.06.06 0 0 1 .01-.073l.645-.645.512.512zm-2.803-.459l1.172-1.172.879.878-1.979.426a.074.074 0 0 1-.085-.039.072.072 0 0 1 .013-.093zm-3.646 6.058a.076.076 0 0 1-.069-.083.077.077 0 0 1 .022-.046h.002l.946-.946 1.222 1.222-2.123-.147zm2.425-1.256a.228.228 0 0 0-.117.256l.203.865a.125.125 0 0 1-.211.117h-.003l-.934-.934-.294-.295 3.762-3.758 1.82-.393.874.874c-1.255 1.102-2.971 2.201-5.1 3.268zm5.279-3.428h-.002l-.839-.839 4.699-4.125a.952.952 0 0 0 .119-.127c-.148 1.345-2.029 3.245-3.977 5.091zm3.657-6.46l-.003-.002a1.822 1.822 0 0 1 2.459-2.684l-1.61 1.613a.119.119 0 0 0 0 .169l1.247 1.247a1.817 1.817 0 0 1-2.093-.343zm2.578 0a1.714 1.714 0 0 1-.271.218h-.001l-1.207-1.207 1.533-1.533c.661.72.637 1.832-.054 2.522zM18.855 6.05a.143.143 0 0 0-.053.157.416.416 0 0 1-.053.45.14.14 0 0 0 .023.197.141.141 0 0 0 .084.03.14.14 0 0 0 .106-.05.691.691 0 0 0 .087-.751.138.138 0 0 0-.194-.033z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">Postman</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-2.5 px-4 text-xs gap-2" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-6 h-6 text-xs" style="background-color:#06B6D418;color:#06B6D4" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">Tailwind CSS</span></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="flex items-center bg-bg-elevated border border-bg-border rounded-xl cursor-default select-none relative py-2.5 px-4 text-xs gap-2" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-6 h-6 text-xs" style="background-color:#F24E1E18;color:#F24E1E" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15.852 8.981h-4.588V0h4.588c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.491-4.49 4.491zM12.735 7.51h3.117c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0 1.471H8.148c-2.476 0-4.49-2.014-4.49-4.49S5.672 0 8.148 0h4.588v8.981zm-4.587-7.51c-1.665 0-3.019 1.355-3.019 3.019s1.354 3.02 3.019 3.02h3.117V1.471H8.148zm4.587 15.019H8.148c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h4.588v8.98zM8.148 8.981c-1.
1665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h3.117V8.981H8.148zM8.172 24c-2.489 0-4.515-2.014-4.515-4.49s2.014-4.49 4.49-4.49h4.588v4.441c0 2.503-2.047 4.539-4.563 4.539zm-.024-7.51a3.023 3.023 0 0 0-3.019 3.019c0 1.665 1.365 3.019 3.044 3.019 1.705 0 3.093-1.376 3.093-3.068v-2.97H8.148zm7.704 0h-.098c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h.098c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.49-4.49 4.49zm-.097-7.509c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h.098c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-.098z"></path></svg></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">Figma</span></div></div></div></div><div class="flex flex-col gap-3"><div class="flex items-center gap-3"><span class="text-accent-indigo text-xs font-semibold uppercase tracking-wider">✦ AI-Powered Workflow</span><a href="https://www.anthropic.com" target="_blank" rel="noopener noreferrer" class="text-[10px] font-medium px-2 py-0.5 rounded-full bg-accent-indigo/10 border border-accent-indigo/30 text-accent-indigo/80 hover:text-accent-indigo hover:border-accent-indigo/60 transition-colors duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent-indigo">Certified by Anthropic</a><span class="flex-1 h-px bg-bg-border" aria-hidden="true"></span></div><div class="flex flex-wrap gap-2.5"><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="p-px rounded-xl ai-gradient-border"><div class="flex items-center bg-bg-elevated border border-bg-border cursor-default select-none relative rounded-[11px] py-3 px-5 text-sm gap-2.5" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-7 h-7 text-sm" style="background-color:#D4A57418;color:#D4A574" aria-hidden="true"><span class="font-mono font-bold leading-none text-[0.7em]">C</span></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">Claude by Anthropic</span><span class="ml-auto shrink-0 text-[9px] font-bold uppercase tracking-widest px-1.5 py-0.5 rounded bg-accent-indigo/15 border border-accent-indigo/40 text-accent-indigo">Certified</span></div></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="p-px rounded-xl ai-gradient-border"><div class="flex items-center bg-bg-elevated border border-bg-border cursor-default select-none relative rounded-[11px] py-3 px-5 text-sm gap-2.5" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-7 h-7 text-sm" style="background-color:#ffffff18;color:#ffffff" aria-hidden="true"><span class="font-mono font-bold leading-none text-[0.7em]">C</span></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">Cursor</span></div></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="p-px rounded-xl ai-gradient-border"><div class="flex items-center bg-bg-elevated border border-bg-border cursor-default select-none relative rounded-[11px] py-3 px-5 text-sm gap-2.5" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-7 h-7 text-sm" style="background-color:#ffffff18;color:#ffffff" aria-hidden="true"><span class="font-mono font-bold leading-none text-[0.7em]">G</span></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">GitHub Copilot</span></div></div></div><div class="relative" style="opacity:0;transform:translateY(16px) scale(0.95)"><div class="p-px rounded-xl ai-gradient-border"><div class="flex items-center bg-bg-elevated border border-bg-border cursor-default select-none relative rounded-[11px] py-3 px-5 text-sm gap-2.5" style="border-color:rgba(33, 38, 45, 0.8)"><span class="flex items-center justify-center rounded-full shrink-0 w-7 h-7 text-sm" style="background-color:#ffffff18;color:#ffffff" aria-hidden="true"><span class="font-mono font-bold leading-none text-[0.7em]">V</span></span><span class="text-text-primary font-medium leading-tight whitespace-nowrap">v0 by Vercel</span></div></div></div></div></div></div></div></section><!--/$--><!--$--><section id="experience" class="relative py-24" aria-label="Career experience"><div class="pointer-events-none absolute inset-0 opacity-30" style="background:radial-gradient(ellipse 60% 40% at 20% 50%, rgba(14,165,233,0.04) 0%, transparent 70%)"></div><div class="relative mx-auto max-w-4xl px-6"><div class="mb-16"><p class="mb-3 font-mono text-sm text-accent-blue" style="opacity:0;transform:translateY(12px)">// career</p><h2 class="mb-4 text-3xl font-bold tracking-tight text-text-primary sm:text-4xl" style="opacity:0;transform:translateY(16px)">One company.<!-- --> <span class="text-gradient">Five promotions.</span> <!-- -->7.5 years.</h2><p class="max-w-xl text-base text-text-muted" style="opacity:0;transform:translateY(16px)">All at Pace Wisdom Solutions — growing from Software Engineer to Associate Team Lead.</p></div><div class="hidden md:block"><div class="relative pl-10"><div class="absolute left-[7px] top-0 h-full w-0.5 overflow-hidden"><div class="absolute inset-0 bg-bg-border opacity-40"></div><div class="absolute inset-x-0 top-0 origin-top" style="height:100%;background:linear-gradient(to bottom, #0ea5e9, #6366f1, rgba(99,102,241,0.15));transform:scaleY(0)"></div></div><div class="space-y-8"><div class="relative flex items-start gap-6"><div class="absolute -left-[2.375rem] top-6 flex items-center justify-center" style="width:16px"><div class="relative flex-shrink-0"><div class="relative z-10 flex items-center justify-center" style="opacity:0;transform:scale(0)"><span class="absolute h-6 w-6 animate-ping rounded-full bg-accent-blue opacity-20"></span><span class="relative z-10 flex h-5 w-5 items-center justify-center rounded-full border-2 border-bg-base bg-accent-blue shadow-glow-blue"><span class="h-2 w-2 rounded-full bg-white opacity-90"></span></span></div></div></div><div class="relative rounded-xl border bg-bg-elevated p-6 transition-colors duration-300 border-accent-blue/30 shadow-[0_0_32px_rgba(14,165,233,0.10)]" style="opacity:0;transform:translateX(-32px)"><span class="absolute right-4 top-4 inline-flex items-center gap-1.5 rounded-full border border-emerald-500/30 bg-emerald-500/10 px-2.5 py-0.5 text-[11px] font-semibold text-emerald-400"><span class="relative flex h-2 w-2"><span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-60"></span><span class="relative inline-flex h-2 w-2 rounded-full bg-emerald-400"></span></span>Current</span><div class="mb-3 flex flex-wrap items-start gap-x-3 gap-y-1 pr-20"><h3 class="font-semibold text-lg leading-tight text-gradient">Associate Team Lead</h3></div><div class="mb-4 flex flex-wrap items-center gap-2"><span class="font-mono text-sm text-accent-blue">Oct 2025 – Present</span><span class="text-text-subtle">·</span><span class="text-xs text-text-muted">6 mos</span><span class="text-text-subtle">·</span><span class="inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-[11px] font-medium bg-accent-blue/10 text-accent-blue border-accent-blue/20"><span class="h-1.5 w-1.5 rounded-full bg-current opacity-80"></span>Remote</span></div><p class="mb-4 text-sm leading-relaxed text-text-muted">Leading the frontend engineering team and driving product enhancements at scale, setting the technical direction and quality bar for the team.</p><ul class="mb-5 space-y-1.5"><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Leading the frontend engineering team</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Driving product architecture decisions</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Mentoring engineers across the team</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Establishing coding standards and review processes</span></li></ul><div class="flex flex-wrap gap-1.5"><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Team Leadership</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Frontend Architecture</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">TypeScript</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Next.js</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Code Review</span></div></div></div><div class="relative flex items-start gap-6"><div class="absolute -left-[2.375rem] top-6 flex items-center justify-center" style="width:16px"><div class="relative flex-shrink-0"><div class="relative z-10" style="opacity:0;transform:scale(0)">
1<span class="flex h-4 w-4 rounded-full border-2 border-bg-base bg-accent-blue/60"></span></div></div></div><div class="relative rounded-xl border bg-bg-elevated p-6 transition-colors duration-300 border-bg-border hover:border-bg-border/80" style="opacity:0;transform:translateX(-32px)"><div class="mb-3 flex flex-wrap items-start gap-x-3 gap-y-1 pr-20"><h3 class="font-semibold text-lg leading-tight text-text-primary">Senior Software Engineer L2</h3></div><div class="mb-4 flex flex-wrap items-center gap-2"><span class="font-mono text-sm text-accent-blue">Apr 2023 – Oct 2025</span><span class="text-text-subtle">·</span><span class="text-xs text-text-muted">2 yrs 7 mos</span><span class="text-text-subtle">·</span><span class="inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-[11px] font-medium bg-accent-blue/10 text-accent-blue border-accent-blue/20"><span class="h-1.5 w-1.5 rounded-full bg-current opacity-80"></span>Remote</span></div><p class="mb-4 text-sm leading-relaxed text-text-muted">Part of the highly skilled engineering team driving enhancements of a product ensuring absolute certainty to investors.</p><ul class="mb-5 space-y-1.5"><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Architected scalable Next.js and Node.js applications</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Drove product enhancement initiatives</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Collaborated with cross-functional stakeholders</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Led technical decision-making for major features</span></li></ul><div class="flex flex-wrap gap-1.5"><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Next.js</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Node.js</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">TypeScript</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">MongoDB</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">PostgreSQL</span></div></div></div><div class="relative flex items-start gap-6"><div class="absolute -left-[2.375rem] top-6 flex items-center justify-center" style="width:16px"><div class="relative flex-shrink-0"><div class="relative z-10" style="opacity:0;transform:scale(0)"><span class="flex h-4 w-4 rounded-full border-2 border-bg-base bg-accent-blue/60"></span></div></div></div><div class="relative rounded-xl border bg-bg-elevated p-6 transition-colors duration-300 border-bg-border hover:border-bg-border/80" style="opacity:0;transform:translateX(-32px)"><div class="mb-3 flex flex-wrap items-start gap-x-3 gap-y-1 pr-20"><h3 class="font-semibold text-lg leading-tight text-text-primary">Senior Software Engineer L1</h3></div><div class="mb-4 flex flex-wrap items-center gap-2"><span class="font-mono text-sm text-accent-blue">Apr 2022 – Mar 2023</span><span class="text-text-subtle">·</span><span class="text-xs text-text-muted">1 yr</span><span class="text-text-subtle">·</span><span class="inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-[11px] font-medium bg-accent-blue/10 text-accent-blue border-accent-blue/20"><span class="h-1.5 w-1.5 rounded-full bg-current opacity-80"></span>Remote</span></div><p class="mb-4 text-sm leading-relaxed text-text-muted">Delivered highly scalable frontend and full-stack solutions while growing the engineering team through technical interviews and mentorship.</p><ul class="mb-5 space-y-1.5"><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Built highly scalable solutions</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Technical decision-making for product</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Led technical interviews to find top talent</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Mentored junior developers</span></li></ul><div class="flex flex-wrap gap-1.5"><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">MongoDB</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Node.js</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">React.js</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Redux</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">REST APIs</span></div></div></div><div class="relative flex items-start gap-6"><div class="absolute -left-[2.375rem] top-6 flex items-center justify-center" style="width:16px"><div class="relative flex-shrink-0"><div class="relative z-10" style="opacity:0;transform:scale(0)">
1<span class="flex h-4 w-4 rounded-full border-2 border-bg-base bg-accent-blue/60"></span></div></div></div><div class="relative rounded-xl border bg-bg-elevated p-6 transition-colors duration-300 border-bg-border hover:border-bg-border/80" style="opacity:0;transform:translateX(-32px)"><div class="mb-3 flex flex-wrap items-start gap-x-3 gap-y-1 pr-20"><h3 class="font-semibold text-lg leading-tight text-text-primary">Senior Software Engineer</h3></div><div class="mb-4 flex flex-wrap items-center gap-2"><span class="font-mono text-sm text-accent-blue">Oct 2020 – Apr 2022</span><span class="text-text-subtle">·</span><span class="text-xs text-text-muted">1 yr 7 mos</span><span class="text-text-subtle">·</span><span class="inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-[11px] font-medium bg-accent-blue/10 text-accent-blue border-accent-blue/20"><span class="h-1.5 w-1.5 rounded-full bg-current opacity-80"></span>Remote</span></div><p class="mb-4 text-sm leading-relaxed text-text-muted">Owned end-to-e
1nd delivery of client-facing web applications — from requirements gathering and Figma design handoff to production deployment and talent acquisition.</p><ul class="mb-5 space-y-1.5"><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Converted Figma designs to production web apps</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Requirements gathering and solution architecture</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Created high-quality SEO-optimized websites</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Found and onboarded top engineering talent</span></li></ul><div class="flex flex-wrap gap-1.5"><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">React.js</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Storybook</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Redux</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">REST APIs</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">SEO</span></div></div></div><div class="relative flex items-start gap-6"><div class="absolute -left-[2.375rem] top-6 flex items-center justify-center" style="width:16px"><div class="relative flex-shrink-0"><div class="relative z-10" style="opacity:0;transform:scale(0)"><span class="flex h-4 w-4 rounded-full border-2 border-bg-base bg-accent-blue/60"></span></div></div></div><div class="relative rounded-xl border bg-bg-elevated p-6 transition-colors duration-300 border-bg-border hover:border-bg-border/80" style="opacity:0;transform:translateX(-32px)"><div class="mb-3 flex flex-wrap items-start gap-x-3 gap-y-1 pr-20"><h3 class="font-semibold text-lg leading-tight text-text-primary">Software Engineer</h3></div><div class="mb-4 flex flex-wrap items-center gap-2"><span class="font-mono text-sm text-accent-blue">Oct 2018 – Oct 2020</span><span class="text-text-subtle">·</span><span class="text-xs text-text-muted">2 yrs 1 mo</span><span class="text-text-subtle">·</span><span class="inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-[11px] font-medium bg-accent-indigo/10 text-accent-indigo border-accent-indigo/20"><span class="h-1.5 w-1.5 rounded-full bg-current opacity-80"></span>On-site</span></div><p class="mb-4 text-sm leading-relaxed text-text-muted">Developed enterprise-level web applications, gaining deep hands-on experience with JavaScript fundamentals, semantic HTML, and scalable CSS architecture.</p><ul class="mb-5 space-y-1.5"><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Developed enterprise-level web applications</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Designed and built applications per requirements</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Participated in technical interviews</span></li></ul><div class="flex flex-wrap gap-1.5"><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">JavaScript</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">jQuery</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">HTML5</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">CSS3</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">BEM</span></div></div></div></div></div></div><div class="space-y-4 md:hidden"><div class="relative rounded-xl border bg-bg-elevated p-6 transition-colors duration-300 border-accent-blue/30 shadow-[0_0_32px_rgba(14,165,233,0.10)]" style="opacity:0;transform:translateX(-32px)"><span class="absolute right-4 top-4 inline-flex items-center gap-1.5 rounded-full border border-emerald-500/30 bg-emerald-500/10 px-2.5 py-0.5 text-[11px] font-semibold text-emerald-400"><span class="relative flex h-2 w-2"><span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-60"></span><span class="relative inline-flex h-2 w-2 rounded-full bg-emerald-400"></span></span>Current</span><div class="mb-3 flex flex-wrap items-start gap-x-3 gap-y-1 pr-20"><h3 class="font-semibold text-lg leading-tight text-gradient">Associate Team Lead</h3></div><div class="mb-4 flex flex-wrap items-center gap-2"><span class="font-mono text-sm text-accent-blue">Oct 2025 – Present</span><span class="text-text-subtle">·</span><span class="text-xs text-text-muted">6 mos</span><span class="text-text-subtle">·</span><span class="inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-[11px] font-medium bg-accent-blue/10 text-accent-blue border-accent-blue/20"><span class="h-1.5 w-1.5 rounded-full bg-current opacity-80"></span>Remote</span></div><p class="mb-4 text-sm leading-relaxed text-text-muted">Leading the frontend engineering team and driving product enhancements at scale, setting the technical direction and quality bar for the team.</p><ul class="mb-5 space-y-1.5"><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Leading the frontend engineering team</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Driving product architecture decisions</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Mentoring engineers across the team</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Establishing coding standards and review processes</span></li></ul><div class="flex flex-wrap gap-1.5"><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Team Leadership</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Frontend Architecture</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">TypeScript</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Next.js</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Code Review</span></div></div><div class="relative rounded-xl border bg-bg-elevated p-6 transition-colors duration-300 border-bg-border hover:border-bg-border/80" style="opacity:0;transform:translateX(-32px)"><div class="mb-3 flex flex-wrap items-start gap-x-3 gap-y-1 pr-20"><h3 class="font-semibold text-lg leading-tight text-text-primary">
1Senior Software Engineer L2</h3></div><div class="mb-4 flex flex-wrap items-center gap-2"><span class="font-mono text-sm text-accent-blue">Apr 2023 – Oct 2025</span><span class="text-text-subtle">·</span><span class="text-xs text-text-muted">2 yrs 7 mos</span><span class="text-text-subtle">·</span><span class="inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-[11px] font-medium bg-accent-blue/10 text-accent-blue border-accent-blue/20"><span class="h-1.5 w-1.5 rounded-full bg-current opacity-80"></span>Remote</span></div><p class="mb-4 text-sm leading-relaxed text-text-muted">Part of the highly skilled engineering team driving enhancements of a product ensuring absolute certainty to investors.</p><ul class="mb-5 space-y-1.5"><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Architected scalable Next.js and Node.js applications</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Drove product enhancement initiatives</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Collaborated with cross-functional stakeholders</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Led technical decision-making for major features</span></li></ul><div class="flex flex-wrap gap-1.5"><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Next.js</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Node.js</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">TypeScript</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">MongoDB</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">PostgreSQL</span></div></div><div class="relative rounded-xl border bg-bg-elevated p-6 transition-colors duration-300 border-bg-border hover:border-bg-border/80" style="opacity:0;transform:translateX(-32px)"><div class="mb-3 flex flex-wrap items-start gap-x-3 gap-y-1 pr-20"><h3 class="font-semibold text-lg leading-tight text-text-primary">Senior Software Engineer L1</h3></div><div class="mb-4 flex flex-wrap items-center gap-2"><span class="font-mono text-sm text-accent-blue">Apr 2022 – Mar 2023</span><span class="text-text-subtle">·</span><span class="text-xs text-text-muted">1 yr</span><span class="text-text-subtle">·</span><span class="inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-[11px] font-medium bg-accent-blue/10 text-accent-blue border-accent-blue/20"><span class="h-1.5 w-1.5 rounded-full bg-current opacity-80"></span>Remote</span></div><p class="mb-4 text-sm leading-relaxed text-text-muted">Delivered highly scalable frontend and full-stack solutions while growing the engineering team through technical interviews and mentorship.</p><ul class="mb-5 space-y-1.5"><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Built highly scalable solutions</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Technical decision-making for product</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Led technical interviews to find top talent</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Mentored junior developers</span></li></ul><div class="flex flex-wrap gap-1.5"><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">MongoDB</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Node.js</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">React.js</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Redux</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">REST APIs</span></div></div><div class="relative rounded-xl border bg-bg-elevated p-6 transition-colors duration-300 border-bg-border hover:border-bg-border/80" style="opacity:0;transform:translateX(-32px)"><div class="mb-3 flex flex-wrap items-start gap-x-3 gap-y-1 pr-20"><h3 class="font-semibold text-lg leading-tight text-text-primary">
1Senior Software Engineer</h3></div><div class="mb-4 flex flex-wrap items-center gap-2"><span class="font-mono text-sm text-accent-blue">Oct 2020 – Apr 2022</span><span class="text-text-subtle">·</span><span class="text-xs text-text-muted">1 yr 7 mos</span><span class="text-text-subtle">·</span><span class="inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-[11px] font-medium bg-accent-blue/10 text-accent-blue border-accent-blue/20"><span class="h-1.5 w-1.5 rounded-full bg-current opacity-80"></span>Remote</span></div><p class="mb-4 text-sm leading-relaxed text-text-muted">Owned end-to-end delivery of client-facing web applications — from requirements gathering and Figma design handoff to production deployment and talent acquisition.</p><ul class="mb-5 space-y-1.5"><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Converted Figma designs to production web apps</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Requirements gathering and solution architecture</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Created high-quality SEO-optimized websites</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Found and onboarded top engineering talent</span></li></ul><div class="flex flex-wrap gap-1.5"><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">React.js</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Storybook</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">Redux</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">REST APIs</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">SEO</span></div></div><div class="relative rounded-xl border bg-bg-elevated p-6 transition-colors duration-300 border-bg-border hover:border-bg-border/80" style="opacity:0;transform:translateX(-32px)"><div class="mb-3 flex flex-wrap items-start gap-x-3 gap-y-1 pr-20"><h3 class="font-semibold text-lg leading-tight text-text-primary">Software Engineer</h3></div><div class="mb-4 flex flex-wrap items-center gap-2"><span class="font-mono text-sm text-accent-blue">Oct 2018 – Oct 2020</span><span class="text-text-subtle">·</span><span class="text-xs text-text-muted">2 yrs 1 mo</span><span class="text-text-subtle">·</span><span class="inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-[11px] font-medium bg-accent-indigo/10 text-accent-indigo border-accent-indigo/20"><span class="h-1.5 w-1.5 rounded-full bg-current opacity-80"></span>On-site</span></div><p class="mb-4 text-sm leading-relaxed text-text-muted">Developed enterprise-level web applications, gaining deep hands-on experience with JavaScript fundamentals, semantic HTML, and scalable CSS architecture.</p><ul class="mb-5 space-y-1.5"><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Developed enterprise-level web applications</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Designed and built applications per requirements</span></li><li class="flex items-start gap-2 text-sm text-text-muted"><span class="mt-px font-mono text-accent-blue opacity-70" aria-hidden="true">→</span><span>Participated in technical interviews</span></li></ul><div class="flex flex-wrap gap-1.5"><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">JavaScript</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">jQuery</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">HTML5</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">CSS3</span><span class="rounded-md border border-bg-border bg-bg-surface px-2 py-0.5 text-[11px] text-text-muted">BEM</span></div></div></div></div></section><!--/$--><!--$--><section id="projects" aria-label="Selected projects" class="py-24 relative overflow-hidden bg-bg-base"><div aria-hidden="true" class="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[400px] pointer-events-none" style="background:radial-gradient(ellipse at 50% 0%, rgba(14,165,233,0.04) 0%, transparent 70%)"></div><div class="container mx-auto px-4 sm:px-6 lg:px-8 max-w-6xl relative z-10"><div class="mb-16 sm:mb-20" style="opacity:0;transform:translateY(24px)"><p class="font-mono text-accent-blue text-sm mb-4 tracking-wide">// selected work</p><h2 class="text-4xl sm:text-5xl lg:text-6xl font-bold text-text-primary leading-[1.1] mb-5">Projects that<!-- --> <span class="text-gradient">shipped</span></h2><p class="text-text-muted text-lg sm:text-xl max-w-2xl leading-relaxed">Case studies — real problems, real solutions, real impact.</p></div><div class="flex flex-col gap-6 sm:gap-8"><div class="group relative" style="opacity:0;transform:translateX(-48px)"><div class="relative grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center rounded-2xl border border-bg-border bg-bg-surface p-6 sm:p-8 transition-all duration-500 hover:border-white/10 hover:shadow-[0_0_40px_rgba(14,165,233,0.08),0_1px_3px_rgba(0,0,0,0.4)]" style="background:linear-gradient(135deg, #0d1117 0%, #161b22 100%)"><div aria-hidden="true" class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none" style="background:radial-gradient(600px circle at 0% 50%, rgba(34,211,238,0.05), transparent 70%)"></div><div class="relative overflow-hidden rounded-xl lg:order-1"><div class="rounded-xl overflow-hidden"><div class="relative rounded-xl aspect-video overflow-hidden flex flex-col items-center justify-center bg-gradient-to-br from-cyan-500/25 to-blue-600/25 border border-bg-border group-hover:border-white/10 transition-colors duration-500"><div aria-hidden="true" class="absolute inset-0 rounded-xl pointer-events-none overflow-hidden" style="background-image:linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px);background-size:40px 40px"></div><span aria-hidden="true" class="absolute text-[10rem] font-bold leading-none select-none pointer-events-none" style="color:rgba(255,255,255,0.04);top:50%;left:50%;transform:translate(-50%,-50%)">✦</span><div class="relative z-10 text-center px-6"><p class="text-xs font-mono uppercase tracking-[0.2em] mb-3 opacity-60 text-cyan-400">AI Application</p><p class="text-white/90 text-xl lg:text-2xl font-bold leading-tight">Solvish.AI</p><p class="text-white/40 text-xs mt-2 font-mono">2025</p></div><div aria-hidden="true" class="absolute bottom-4 right-4 w-8 h-8 rounded-full opacity-20 blur-sm" style="background:white"></div><div aria-hidden="true" class="absolute top-4 left-4 w-2 h-2 rounded-full opacity-30" style="background:white"></div></div></div></div><div class="relative z-10 flex flex-col lg:order-2"><div class="flex items-center gap-3 mb-4"><span class="text-xs font-mono uppercase tracking-widest text-cyan-400">AI Application</span><span class="text-text-subtle text-xs font-mono">2025</span></div><h3 class="text-2xl lg:text-3xl font-bold text-text-primary leading-tight mb-3">Solvish.AI</h3><div class="mb-4"><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-bg-elevated border border-bg-border text-text-muted text-xs font-mono"><span class="text-[10px] text-cyan-400">◎</span>Full Stack AI Developer</span></div><p class="text-text-muted text-[15px] leading-relaxed mb-5">Multi-agent AI system for marketing budget allocation</p><ul class="flex flex-col gap-2 mb-6"><li class="flex items-start gap-2.5"><span class="mt-0.5 flex-shrink-0 text-accent-blue text-sm leading-none">→</span><span class="text-text-muted text-sm leading-relaxed">Demonstrates multi-agent AI architecture</span></li><li class="flex items-start gap-2.5"><span class="mt-0.5 flex-shrink-0 text-accent-blue text-sm leading-none">→</span><span class="text-text-muted text-sm leading-relaxed">Natural language budget management</span></li><li class="flex items-start gap-2.5"><span class="mt-0.5 flex-shrink-0 text-accent-blue text-sm leading-none">→</span><span class="text-text-muted text-sm leading-relaxed">Real-time allocation and tracking</span></li></ul><div class="flex flex-wrap gap-2 mb-6"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">React.js</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">Python</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">Multi-Agent AI</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">REST APIs</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">JWT Auth</span></div><div class="h-px bg-bg-border mb-5"></div><div class="flex items-center gap-4"><button class="group/btn inline-flex items-center gap-2 text-sm font-medium text-cyan-400 hover:opacity-80 transition-opacity duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded" aria-label="View case study for Solvish.AI">View Case Study<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover/btn:translate-x-1 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><div class="flex items-center gap-3 ml-auto"></div></div></div></div></div><div class="group relative" style="opacity:0;transform:translateX(48px)"><div class="relative grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center rounded-2xl border border-bg-border bg-bg-surface p-6 sm:p-8 transition-all duration-500 hover:border-white/10 hover:shadow-[0_0_40px_rgba(14,165,233,0.08),0_1px_3px_rgba(0,0,0,0.4)]" style="background:linear-gradient(135deg, #0d1117 0%, #161b22 100%)"><div aria-hidden="true" class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none" style="background:radial-gradient(600px circle at 100% 50%, rgba(14,165,233,0.05), transparent 70%)"></div><div class="relative overflow-hidden rounded-xl lg:order-2"><div class="rounded-xl overflow-hidden"><div class="relative rounded-xl aspect-video overflow-hidden flex flex-col items-center justify-center bg-gradient-to-br from-sky-500/25 to-indigo-600/25 border border-bg-border group-hover:border-white/10 transition-colors duration-500"><div aria-hidden="true" class="absolute inset-0 rounded-xl pointer-events-none overflow-hidden" style="background-image:linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px);background-size:40px 40px"></div><span aria-hidden="true" class="absolute text-[10rem] font-bold leading-none select-none pointer-events-none" style="color:rgba(255,255,255,0.04);top:50%;left:50%;transform:translate(-50%,-50%)">◈</span><div class="relative z-10 text-center px-6"><p class="text-xs font-mono uppercase tracking-[0.2em] mb-3 opacity-60 text-sky-400">Publishing Platform</p><p class="text-white/90 text-xl lg:text-2xl font-bold leading-tight">Springer Nature</p><p class="text-white/40 text-xs mt-2 font-mono">2024</p></div><div aria-hidden="true" class="absolute bottom-4 right-4 w-8 h-8 rounded-full opacity-20 blur-sm" style="background:white"></div><div aria-hidden="true" class="absolute top-4 left-4 w-2 h-2 rounded-full opacity-30" style="background:white"></div></div></div></div><div class="relative z-10 flex flex-col lg:order-1"><div class="flex items-center gap-3 mb-4"><span class="text-xs font-mono uppercase tracking-widest text-sky-400">Publishing Platform</span><span class="text-text-subtle text-xs font-mono">2024</span></div><h3 class="text-2xl lg:text-3xl font-bold text-text-primary leading-tight mb-3">Springer Nature</h3><div class="mb-4"><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-bg-elevated border border-bg-border text-text-muted text-xs font-mono"><span class="text-[10px] text-sky-400">◎</span>Lead React Architect &amp; Team Mentor</span></div><p class="text-text-muted text-[15px] leading-relaxed mb-5">Led React architecture for one of the world&#x27;
1s largest scientific publishers</p><ul class="flex flex-col gap-2 mb-6"><li class="flex items-start gap-2.5"><span class="mt-0.5 flex-shrink-0 text-accent-blue text-sm leading-none">→</span><span class="text-text-muted text-sm leading-relaxed">Led architecture for 10M+ user platform</span></li><li class="flex items-start gap-2.5"><span class="mt-0.5 flex-shrink-0 text-accent-blue text-sm leading-none">→</span><span class="text-text-muted text-sm leading-relaxed">Mentored 5+ junior and mid-level developers</span></li><li class="flex items-start gap-2.5"><span class="mt-0.5 flex-shrink-0 text-accent-blue text-sm leading-none">→</span><span class="text-text-muted text-sm leading-relaxed">Defined technical roadmap and standards</span></li></ul><div class="flex flex-wrap gap-2 mb-6"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">React.js</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">TypeScript</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">Jest</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">Webpack</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">REST APIs</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">Storybook</span></div><div class="h-px bg-bg-border mb-5"></div><div class="flex items-center gap-4"><button class="group/btn inline-flex items-center gap-2 text-sm font-medium text-sky-400 hover:opacity-80 transition-opacity duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded" aria-label="View case study for Springer Nature">View Case Study<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover/btn:translate-x-1 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><div class="flex items-center gap-3 ml-auto"></div></div></div></div></div><div class="group relative" style="opacity:0;transform:translateX(-48px)"><div class="relative grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center rounded-2xl border border-bg-border bg-bg-surface p-6 sm:p-8 transition-all duration-500 hover:border-white/10 hover:shadow-[0_0_40px_rgba(14,165,233,0.08),0_1px_3px_rgba(0,0,0,0.4)]" style="background:linear-gradient(135deg, #0d1117 0%, #161b22 100%)"><div aria-hidden="true" class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none" style="background:radial-gradient(600px circle at 0% 50%, rgba(139,92,246,0.05), transparent 70%)"></div><div class="relative overflow-hidden rounded-xl lg:order-1"><div class="rounded-xl overflow-hidden"><div class="relative rounded-xl aspect-video overflow-hidden flex flex-col items-center justify-center bg-gradient-to-br from-violet-500/25 to-indigo-600/25 border border-bg-border group-hover:border-white/10 transition-colors duration-500"><div aria-hidden="true" class="absolute inset-0 rounded-xl pointer-events-none overflow-hidden" style="background-image:linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px);background-size:40px 40px"></div><span aria-hidden="true" class="absolute text-[10rem] font-bold leading-none select-none pointer-events-none" style="color:rgba(255,255,255,0.04);top:50%;left:50%;transform:translate(-50%,-50%)">◆</span><div class="relative z-10 text-center px-6"><p class="text-xs font-mono uppercase tracking-[0.2em] mb-3 opacity-60 text-violet-400">Fintech SaaS</p><p class="text-white/90 text-xl lg:text-2xl font-bold leading-tight">Upaz</p><p class="text-white/40 text-xs mt-2 font-mono">2023</p></div><div aria-hidden="true" class="absolute bottom-4 right-4 w-8 h-8 rounded-full opacity-20 blur-sm" style="background:white"></div><div aria-hidden="true" class="absolute top-4 left-4 w-2 h-2 rounded-full opacity-30" style="background:white"></div></div></div></div><div class="relative z-10 flex flex-col lg:order-2"><div class="flex items-center gap-3 mb-4"><span class="text-xs font-mono uppercase tracking-widest text-violet-400">Fintech SaaS</span><span class="text-text-subtle text-xs font-mono">2023</span></div><h3 class="text-2xl lg:text-3xl font-bold text-text-primary leading-tight mb-3">Upaz</h3><div class="mb-4"><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-bg-elevated border border-bg-border text-text-muted text-xs font-mono"><span class="text-[10px] text-violet-400">◎</span>Lead Developer</span></div><p class="text-text-muted text-[15px] leading-relaxed mb-5">Modern financial services platform for agricultural smallholders</p><ul class="flex flex-col gap-2 mb-6"><li class="flex items-start gap-2.5"><span class="mt-0.5 flex-shrink-0 text-accent-blue text-sm leading-none">→</span><span class="text-text-muted text-sm leading-relaxed">Modernized financial access for smallholders</span></li><li class="flex items-start gap-2.5"><span class="mt-0.5 flex-shrink-0 text-accent-blue text-sm leading-none">→</span><span class="text-text-muted text-sm leading-relaxed">Zero-compromise TypeScript codebase</span></li><li class="flex items-start gap-2.5"><span class="mt-0.5 flex-shrink-0 text-accent-blue text-sm leading-none">→</span><span class="text-text-muted text-sm leading-relaxed">Sub-2s load time achieved</span></li></ul><div class="flex flex-wrap gap-2 mb-6"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">TypeScript</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">React.js</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">React Query</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">Material UI</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">Custom Hooks</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">esbuild</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">Husky</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">Styled Components</span></div><div class="h-px bg-bg-border mb-5"></div><div class="flex items-center gap-4"><button class="group/btn inline-flex items-center gap-2 text-sm font-medium text-violet-400 hover:opacity-80 transition-opacity duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded" aria-label="View case study for Upaz">View Case Study<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover/btn:translate-x-1 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><div class="flex items-center gap-3 ml-auto"></div></div></div></div></div><div class="group relative" style="opacity:0;transform:translateX(48px)"><div class="relative grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center rounded-2xl border border-bg-border bg-bg-surface p-6 sm:p-8 transition-all duration-500 hover:border-white/10 hover:shadow-[0_0_40px_rgba(14,165,233,0.08),0_1px_3px_rgba(0,0,0,0.4)]" style="background:linear-gradient(135deg, #0d1117 0%, #161b22 100%)"><div aria-hidden="true" class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none" style="background:radial-gradient(600px circle at 100% 50%, rgba(16,185,129,0.05), transparent 70%)"></div><div class="relative overflow-hidden rounded-xl lg:order-2"><div class="rounded-xl overflow-hidden"><div class="relative rounded-xl aspect-video overflow-hidden flex flex-col items-center justify-center bg-gradient-to-br from-emerald-500/25 to-teal-600/25 border border-bg-border group-hover:border-white/10 transition-colors duration-500"><div aria-hidden="true" class="absolute inset-0 rounded-xl pointer-events-none overflow-hidden" style="background-image:linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px);background-size:40px 40px"></div><span aria-hidden="true" class="absolute text-[10rem] font-bold leading-none select-none pointer-events-none" style="color:rgba(255,255,255,0.04);top:50%;left:50%;transform:translate(-50%,-50%)">◎</span><div class="relative z-10 text-center px-6"><p class="text-xs font-mono uppercase tracking-[0.2em] mb-3 opacity-60 text-emerald-400">CoWorking SaaS</p><p class="text-white/90 text-xl lg:text-2xl font-bold leading-tight">Wybrid</p><p class="text-white/40 text-xs mt-2 font-mono">2022</p></div><div aria-hidden="true" class="absolute bottom-4 right-4 w-8 h-8 rounded-full opacity-20 blur-sm" style="background:white"></div><div aria-hidden="true" class="absolute top-4 left-4 w-2 h-2 rounded-full opacity-30" style="background:white"></div></div></div></div><div class="relative z-10 flex flex-col lg:order-1"><div class="flex items-center gap-3 mb-4"><span class="text-xs font-mono uppercase tracking-widest text-emerald-400">CoWorking SaaS</span><span class="text-text-subtle text-xs font-mono">2022</span></div><h3 class="text-2xl lg:text-3xl font-bold text-text-primary leading-tight mb-3">Wybrid</h3><div class="mb-4"><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-bg-elevated border border-bg-border text-text-muted text-xs font-mono"><span class="text-[10px] text-emerald-400">◎</span>Lead Developer</span></div><p class="text-text-muted text-[15px] leading-relaxed mb-5">Web portal connecting companies with coworking space vendors seamlessly</p><ul class="flex flex-col gap-2 mb-6"><li class="flex items-start gap-2.5"><span class="mt-0.5 flex-shrink-0 text-accent-blue text-sm leading-none">→</span><span class="text-text-muted text-sm leading-relaxed">
1Led end-to-end development as Lead Developer</span></li><li class="flex items-start gap-2.5"><span class="mt-0.5 flex-shrink-0 text-accent-blue text-sm leading-none">→</span><span class="text-text-muted text-sm leading-relaxed">Delivered responsive UI components using React.js</span></li><li class="flex items-start gap-2.5"><span class="mt-0.5 flex-shrink-0 text-accent-blue text-sm leading-none">→</span><span class="text-text-muted text-sm leading-relaxed">Enabled seamless vendor-company booking workflow</span></li></ul><div class="flex flex-wrap gap-2 mb-6"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">React.js</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">Node.js</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">REST APIs</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">JavaScript</span></div><div class="h-px bg-bg-border mb-5"></div><div class="flex items-center gap-4"><button class="group/btn inline-flex items-center gap-2 text-sm font-medium text-emerald-400 hover:opacity-80 transition-opacity duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded" aria-label="View case study for Wybrid">View Case Study<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover/btn:translate-x-1 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><div class="flex items-center gap-3 ml-auto"></div></div></div></div></div><div class="group relative" style="opacity:0;transform:translateX(-48px)"><div class="relative grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center rounded-2xl border border-bg-border bg-bg-surface p-6 sm:p-8 transition-all duration-500 hover:border-white/10 hover:shadow-[0_0_40px_rgba(14,165,233,0.08),0_1px_3px_rgba(0,0,0,0.4)]" style="background:linear-gradient(135deg, #0d1117 0%, #161b22 100%)"><div aria-hidden="true" class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none" style="background:radial-gradient(600px circle at 0% 50%, rgba(249,115,22,0.05), transparent 70%)"></div><div class="relative overflow-hidden rounded-xl lg:order-1"><div class="rounded-xl overflow-hidden"><div class="relative rounded-xl aspect-video overflow-hidden flex flex-col items-center justify-center bg-gradient-to-br from-orange-500/25 to-rose-600/25 border border-bg-border group-hover:border-white/10 transition-colors duration-500"><div aria-hidden="true" class="absolute inset-0 rounded-xl pointer-events-none overflow-hidden" style="background-image:linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px);background-size:40px 40px"></div><span aria-hidden="true" class="absolute text-[10rem] font-bold leading-none select-none pointer-events-none" style="color:rgba(255,255,255,0.04);top:50%;left:50%;transform:translate(-50%,-50%)">▲</span><div class="relative z-10 text-center px-6"><p class="text-xs font-mono uppercase tracking-[0.2em] mb-3 opacity-60 text-orange-400">Restaurant Tech</p><p class="text-white/90 text-xl lg:text-2xl font-bold leading-tight">GrubGenie</p><p class="text-white/40 text-xs mt-2 font-mono">2022</p></div><div aria-hidden="true" class="absolute bottom-4 right-4 w-8 h-8 rounded-full opacity-20 blur-sm" style="background:white"></div><div aria-hidden="true" class="absolute top-4 left-4 w-2 h-2 rounded-full opacity-30" style="background:white"></div></div></div></div><div class="relative z-10 flex flex-col lg:order-2"><div class="flex items-center gap-3 mb-4"><span class="text-xs font-mono uppercase tracking-widest text-orange-400">Restaurant Tech</span><span class="text-text-subtle text-xs font-mono">2022</span></div><h3 class="text-2xl lg:text-3xl font-bold text-text-primary leading-tight mb-3">GrubGenie</h3><div class="mb-4"><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-bg-elevated border border-bg-border text-text-muted text-xs font-mono"><span class="text-[10px] text-orange-400">◎</span>Full Stack Developer</span></div><p class="text-text-muted text-[15px] leading-relaxed mb-5">Full-stack MERN restaurant management SaaS</p><ul class="flex flex-col gap-2 mb-6"><li class="flex items-start gap-2.5"><span class="mt-0.5 flex-shrink-0 text-accent-blue text-sm leading-none">→</span><span class="text-text-muted text-sm leading-relaxed">End-to-end MERN SaaS from 0 to production</span></li><li class="flex items-start gap-2.5"><span class="mt-0.5 flex-shrink-0 text-accent-blue text-sm leading-none">→</span><span class="text-text-muted text-sm leading-relaxed">QR-based ordering reduces table turnover time</span></li><li class="flex items-start gap-2.5"><span class="mt-0.5 flex-shrink-0 text-accent-blue text-sm leading-none">→</span><span class="text-text-muted text-sm leading-relaxed">Customer loyalty + AOV tracking</span></li></ul><div class="flex flex-wrap gap-2 mb-6"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">MongoDB</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">Express.js</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">React.js</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">Node.js</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">REST APIs</span><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-mono font-medium bg-bg-base border border-bg-border text-text-muted hover:border-accent-blue/30 hover:text-text-primary transition-colors duration-200">JWT</span></div><div class="h-px bg-bg-border mb-5"></div><div class="flex items-center gap-4"><button class="group/btn inline-flex items-center gap-2 text-sm font-medium text-orange-400 hover:opacity-80 transition-opacity duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded" aria-label="View case study for GrubGenie">View Case Study<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover/btn:translate-x-1 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><div class="flex items-center gap-3 ml-auto"></div></div></div></div></div></div><div class="mt-20 sm:mt-24"><div class="flex items-center gap-4 mb-8" style="opacity:0;transform:translateY(16px)"><div class="flex items-center gap-2.5"><span class="text-text-subtle text-sm" aria-hidden="true">◈</span><span class="font-mono text-text-muted text-sm font-medium">Also delivered</span></div><div class="h-px flex-1 bg-bg-border"></div><span class="font-mono text-text-subtle text-[11px] px-2.5 py-1 rounded-full border border-bg-border bg-bg-elevated">5<!-- --> more projects</span></div><div class="flex gap-4 overflow-x-auto pb-4 sm:pb-0 sm:grid sm:grid-cols-2 md:grid-cols-3 sm:overflow-visible scrollbar-none [&amp;::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]"><button class="group relative flex-shrink-0 w-[270px] sm:w-auto text-left rounded-xl border border-bg-border bg-bg-elevated overflow-hidden hover:border-white/10 transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue" aria-label="View details for EI Garv Se" style="box-shadow:0 1px 3px rgba(0,0,0,0.4), 0 0 0 1px rgba(33,38,45,0.8);opacity:0;transform:translateY(24px)"><div aria-hidden="true" class="h-[3px] w-full" style="background:linear-gradient(to right, rgba(251,191,36,0.85), rgba(99,102,241,0.5))"></div><span aria-hidden="true" class="absolute right-3 top-6 text-[4rem] font-bold leading-none select-none pointer-events-none" style="color:rgba(255,255,255,0.04)">⬡</span><div aria-hidden="true" class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none" style="background:radial-gradient(180px circle at 50% 0%, rgba(251,191,36,0.07), transparent 70%)"></div><div class="relative p-5"><div class="flex items-center justify-between mb-3"><span class="text-[10px] font-mono uppercase tracking-widest text-amber-400">Desktop Application</span><span class="text-text-subtle text-[10px] font-mono tabular-nums">2024</span></div><h4 class="text-text-primary font-semibold text-[15px] leading-snug mb-2 group-hover:text-white transition-colors duration-200">EI Garv Se</h4><p class="text-text-subtle text-xs leading-relaxed mb-4 line-clamp-2">Cross-platform desktop data management application</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-mono bg-bg-base border border-bg-border text-text-subtle">Tauri 2.0</span><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-mono bg-bg-base border border-bg-border text-text-subtle">NestJS</span><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-mono bg-bg-base border border-bg-border text-text-subtle">PostgreSQL</span></div><div class="flex items-center gap-1.5 text-[11px] font-mono transition-all duration-200 text-amber-400 opacity-50 group-hover:opacity-100"><span>View case study</span><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-0.5 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></button><button class="group relative flex-shrink-0 w-[270px] sm:w-auto text-left rounded-xl border border-bg-border bg-bg-elevated overflow-hidden hover:border-white/10 transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue" aria-label="View details for PharmEasy" style="box-shadow:0 1px 3px rgba(0,0,0,0.4), 0 0 0 1px rgba(33,38,45,0.8);opacity:0;transform:translateY(24px)"><div aria-hidden="true" class="h-[3px] w-full" style="background:linear-gradient(to right, rgba(52,211,153,0.85), rgba(99,102,241,0.5))"></div><span aria-hidden="true" class="absolute right-3 top-6 text-[4rem] font-bold leading-none select-none pointer-events-none" style="color:rgba(255,255,255,0.04)">◎</span><div aria-hidden="true" class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none" style="background:radial-gradient(180px circle at 50% 0%, rgba(52,211,153,0.07), transparent 70%)"></div><div class="relative p-5"><div class="flex items-center justify-between mb-3"><span class="text-[10px] font-mono uppercase tracking-widest text-emerald-400">Healthcare E-commerce</span><span class="text-text-subtle text-[10px] font-mono tabular-nums">2022</span></div><h4 class="text-text-primary font-semibold text-[15px] leading-snug mb-2 group-hover:text-white transition-colors duration-200">PharmEasy</h4><p class="text-text-subtle text-xs leading-relaxed mb-4 line-clamp-2">India&#x27;s largest online pharmacy platform</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-mono bg-bg-base border border-bg-border text-text-subtle">React.js</span><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-mono bg-bg-base border border-bg-border text-text-subtle">JavaScript</span><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-mono bg-bg-base border border-bg-border text-text-subtle">REST APIs</span></div><div class="flex items-center gap-1.5 text-[11px] font-mono transition-all duration-200 text-emerald-400 opacity-50 group-hover:opacity-100"><span>View case study</span><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-0.5 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></button><button class="group relative flex-shrink-0 w-[270px] sm:w-auto text-left rounded-xl border border-bg-border bg-bg-elevated overflow-hidden hover:border-white/10 transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue" aria-label="View details for Appreciate" style="box-shadow:0 1px 3px rgba(0,0,0,0.4), 0 0 0 1px rgba(33,38,45,0.8);opacity:0;transform:translateY(24px)"><div aria-hidden="true" class="h-[3px] w-full" style="background:linear-gradient(to right, rgba(168,85,247,0.85), rgba(99,102,241,0.5))"></div><span aria-hidden="true" class="absolute right-3 top-6 text-[4rem] font-bold leading-none select-none pointer-events-none" style="color:rgba(255,255,255,0.04)">◈</span><div aria-hidden="true" class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none" style="background:radial-gradient(180px circle at 50% 0%, rgba(168,85,247,0.07), transparent 70%)"></div><div class="relative p-5"><div class="flex items-center justify-between mb-3"><span class="text-[10px] font-mono uppercase tracking-widest text-purple-400">Fintech — Investment App</span><span class="text-text-subtle text-[10px] font-mono tabular-nums">2022</span></div><h4 class="text-text-primary font-semibold text-[15px] leading-snug mb-2 group-hover:text-white transition-colors duration-200">Appreciate</h4><p class="text-text-subtle text-xs leading-relaxed mb-4 line-clamp-2">Global investment platform for retail investors</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-mono bg-bg-base border border-bg-border text-text-subtle">Flutter</span><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-mono bg-bg-base border border-bg-border text-text-subtle">Java</span><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-mono bg-bg-base border border-bg-border text-text-subtle">Python</span></div><div class="flex items-center gap-1.5 text-[11px] font-mono transition-all duration-200 text-purple-400 opacity-50 group-hover:opacity-100"><span>View case study</span><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-0.5 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></button><button class="group relative flex-shrink-0 w-[270px] sm:w-auto text-left rounded-xl border border-bg-border bg-bg-elevated overflow-hidden hover:border-white/10 transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue" aria-label="View details for CrediWatch" style="box-shadow:0 1px 3px rgba(0,0,0,0.4), 0 0 0 1px rgba(33,38,45,0.8);opacity:0;transform:translateY(24px)"><div aria-hidden="true" class="h-[3px] w-full" style="background:linear-gradient(to right, rgba(59,130,246,0.85), rgba(99,102,241,0.5))"></div><span aria-hidden="true" class="absolute right-3 top-6 text-[4rem] font-bold leading-none select-none pointer-events-none" style="color:rgba(255,255,255,0.04)">◇</span><div aria-hidden="true" class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none" style="background:radial-gradient(180px circle at 50% 0%, rgba(59,130,246,0.07), transparent 70%)"></div><div class="relative p-5"><div class="flex items-center justify-between mb-3"><span class="text-[10px] font-mono uppercase tracking-widest text-blue-400">Fintech Data Platform</span><span class="text-text-subtle text-[10px] font-mono tabular-nums">
12021</span></div><h4 class="text-text-primary font-semibold text-[15px] leading-snug mb-2 group-hover:text-white transition-colors duration-200">CrediWatch</h4><p class="text-text-subtle text-xs leading-relaxed mb-4 line-clamp-2">Business intelligence and credit risk analytics platform</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-mono bg-bg-base border border-bg-border text-text-subtle">React.js</span><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-mono bg-bg-base border border-bg-border text-text-subtle">JavaScript</span><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-mono bg-bg-base border border-bg-border text-text-subtle">REST APIs</span></div><div class="flex items-center gap-1.5 text-[11px] font-mono transition-all duration-200 text-blue-400 opacity-50 group-hover:opacity-100"><span>View case study</span><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-0.5 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></button><button class="group relative flex-shrink-0 w-[270px] sm:w-auto text-left rounded-xl border border-bg-border bg-bg-elevated overflow-hidden hover:border-white/10 transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue" aria-label="View details for Radio Lens" style="box-shadow:0 1px 3px rgba(0,0,0,0.4), 0 0 0 1px rgba(33,38,45,0.8);opacity:0;transform:translateY(24px)"><div aria-hidden="true" class="h-[3px] w-full" style="background:linear-gradient(to right, rgba(244,63,94,0.85), rgba(99,102,241,0.5))"></div><span aria-hidden="true" class="absolute right-3 top-6 text-[4rem] font-bold leading-none select-none pointer-events-none" style="color:rgba(255,255,255,0.04)">◐</span><div aria-hidden="true" class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none" style="background:radial-gradient(180px circle at 50% 0%, rgba(244,63,94,0.07), transparent 70%)"></div><div class="relative p-5"><div class="flex items-center justify-between mb-3"><span class="text-[10px] font-mono uppercase tracking-widest text-rose-400">Healthtech</span><span class="text-text-subtle text-[10px] font-mono tabular-nums">
12021</span></div><h4 class="text-text-primary font-semibold text-[15px] leading-snug mb-2 group-hover:text-white transition-colors duration-200">Radio Lens</h4><p class="text-text-subtle text-xs leading-relaxed mb-4 line-clamp-2">Radiologist workflow and diagnostic dashboard</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-mono bg-bg-base border border-bg-border text-text-subtle">Node.js</span><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-mono bg-bg-base border border-bg-border text-text-subtle">MongoDB</span><span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-mono bg-bg-base border border-bg-border text-text-subtle">React.js</span></div><div class="flex items-center gap-1.5 text-[11px] font-mono transition-all duration-200 text-rose-400 opacity-50 group-hover:opacity-100"><span>View case study</span><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-0.5 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></button></div></div></div></section><!--/$--><!--$--><section id="mindset" class="relative py-24" style="background:rgba(13,17,23,0.30)" aria-label="Engineering mindset"><div class="pointer-events-none absolute inset-0 opacity-40" style="background:radial-gradient(ellipse 70% 50% at 80% 40%, rgba(99,102,241,0.05) 0%, transparent 65%)"></div><div class="relative mx-auto max-w-6xl px-6"><div class="mb-14 max-w-2xl"><p class="mb-3 font-mono text-sm text-accent-blue" style="opacity:0;transform:translateY(12px)">// engineering mindset</p><h2 class="mb-4 text-3xl font-bold tracking-tight text-text-primary sm:text-4xl" style="opacity:0;transform:translateY(16px)">How I<!-- --> <span class="text-gradient">think about software</span></h2><p class="text-base text-text-muted" style="opacity:0;transform:translateY(16px)">7 years of shipping production code has shaped how I approach every problem.</p></div><div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3"><div class="group" style="opacity:0;transform:translateY(24px)"><div class="flex h-full flex-col rounded-2xl border border-bg-border bg-bg-elevated p-6" style="box-shadow:0 1px 3px rgba(0,0,0,0.4), 0 0 0 1px rgba(33,38,45,0.8)"><div class="mb-4 flex h-12 w-12 items-center justify-center rounded-xl text-2xl bg-accent-blue/10" aria-hidden="true">🏗️</div><h3 class="mb-2 font-semibold text-lg text-text-primary">System Design First</h3><p class="text-sm leading-relaxed text-text-muted">I think in data flow and system boundaries, not just features. Every decision starts with the system, not the sprint. The right architecture today prevents the rewrite tomorrow.</p></div></div><div class="group" style="opacity:0;transform:translateY(24px)"><div class="flex h-full flex-col rounded-2xl border border-bg-border bg-bg-elevated p-6" style="box-shadow:0 1px 3px rgba(0,0,0,0.4), 0 0 0 1px rgba(33,38,45,0.8)"><div class="mb-4 flex h-12 w-12 items-center justify-center rounded-xl text-2xl bg-accent-indigo/10" aria-hidden="true">📐</div><h3 class="mb-2 font-semibold text-lg text-text-primary">Architect Before You Code</h3><p class="text-sm leading-relaxed text-text-muted">A whiteboard hour saves a refactor week. I document architecture decisions, own trade-offs explicitly, and design for humans first — code second.</p></div></div><div class="group" style="opacity:0;transform:translateY(24px)"><div class="flex h-full flex-col rounded-2xl border border-bg-border bg-bg-elevated p-6" style="box-shadow:0 1px 3px rgba(0,0,0,0.4), 0 0 0 1px rgba(33,38,45,0.8)"><div class="mb-4 flex h-12 w-12 items-center justify-center rounded-xl text-2xl bg-accent-cyan/10" aria-hidden="true">⚡</div><h3 class="mb-2 font-semibold text-lg text-text-primary">Performance is a Feature</h3><p class="text-sm leading-relaxed text-text-muted">Every millisecond matters. I measure before I optimize, profile before I conclude, and always ask: what is the user actually waiting for?</p></div></div><div class="group" style="opacity:0;transform:translateY(24px)"><div class="flex h-full flex-col rounded-2xl border border-bg-border bg-bg-elevated p-6" style="box-shadow:0 1px 3px rgba(0,0,0,0.4), 0 0 0 1px rgba(33,38,45,0.8)"><div class="mb-4 flex h-12 w-12 items-center justify-center rounded-xl text-2xl bg-accent-blue/10" aria-hidden="true">🔍</div><h3 class="mb-2 font-semibold text-lg text-text-primary">Debug Like a Detective</h3><p class="text-sm leading-relaxed text-text-muted">Assumptions are traps. I trace execution, instrument the system, form hypotheses, and prove them with evidence. Never guess. Never patch blindly.</p></div></div><div class="group relative rounded-2xl p-[1px]" style="background:linear-gradient(135deg, rgba(14,165,233,0.0), rgba(99,102,241,0.0));opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute inset-0 rounded-2xl ai-border-drift-anim" style="background:linear-gradient(135deg, #0ea5e9, #6366f1, #0ea5e9);background-size:200% 200%;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude"></div><div class="relative flex h-full flex-col rounded-2xl bg-bg-elevated p-6" style="box-shadow:0 1px 3px rgba(0,0,0,0.4), 0 0 0 1px rgba(33,38,45,0.8)"><div class="mb-4 flex h-12 w-12 items-center justify-center rounded-xl text-2xl bg-accent-indigo/10" aria-hidden="true">🤖</div><div class="mb-2 flex flex-wrap items-center gap-2"><h3 class="font-semibold text-lg text-text-primary">AI as a Force Multiplier</h3><span class="inline-flex items-center gap-0.5 rounded-full border border-accent-indigo/30 bg-accent-indigo/10 px-2 py-0.5 text-[10px] font-semibold tracking-wide text-accent-indigo">Anthropic Certified ✓</span></div><p class="text-sm leading-relaxed text-text-muted">I use Claude, Cursor, and GitHub Copilot not to replace thinking — but to ship the thinking 3x faster. Certified by Anthropic. AI is part of my engineering workflow, not a gimmick.</p></div></div><div class="group" style="opacity:0;transform:translateY(24px)"><div class="flex h-full flex-col rounded-2xl border border-bg-border bg-bg-elevated p-6" style="box-shadow:0 1px 3px rgba(0,0,0,0.4), 0 0 0 1px rgba(33,38,45,0.8)"><div class="mb-4 flex h-12 w-12 items-center justify-center rounded-xl text-2xl bg-accent-cyan/10" aria-hidden="true">🌱</div><h3 class="mb-2 font-semibold text-lg text-text-primary">Grow the Team</h3><p class="text-sm leading-relaxed text-text-muted">I&#x27;ve mentored junior and mid-level developers throughout my career. Strong teams build better systems. Code review, documentation, and knowledge sharing are engineering work — not overhead.</p></div></div></div></div></section><!--/$--><!--$--><!--$--><section id="writing" class="py-24 bg-bg-surface/20 relative overflow-hidden" aria-label="Technical writing"><div class="pointer-events-none absolute inset-0 bg-grid opacity-30" aria-hidden="true"></div><div class="pointer-events-none absolute -top-40 left-1/2 -translate-x-1/2 w-[600px] h-[400px] rounded-full blur-3xl op
1acity-[0.04]" style="background:radial-gradient(ellipse, #6366f1 0%, #0ea5e9 50%, transparent 80%)" aria-hidden="true"></div><div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="mb-14"><p class="font-mono text-accent-blue text-sm mb-3 tracking-wide" style="opacity:0;transform:translateY(16px)">// writing</p><h2 class="text-3xl sm:text-4xl font-bold text-text-primary mb-4" style="opacity:0;transform:translateY(16px)">Technical writing</h2><p class="text-text-muted text-base max-w-xl leading-relaxed" style="opacity:0;transform:translateY(16px)">Thoughts on JavaScript, engineering craft, and building with AI.<!-- --> <a href="https://blog.akashjavali.com" target="_blank" rel="noopener noreferrer" class="text-accent-blue hover:underline underline-offset-2">Published on Hashnode.</a></p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5 lg:gap-6"><a target="_blank" rel="noopener noreferrer" class="block focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded-2xl" aria-label="Read: Stop Prompting Like a Beginner: The Plan-First Framework That 10x&#x27;d My Development Speed with Claude" href="https://blog.akashjavali.com/plan-first-framework-claude-developer-workflow"><article class="group relative flex flex-col rounded-2xl p-6 h-full bg-bg-elevated border border-bg-border transition-all duration-300 ease-out" style="will-change:transform;opacity:0;transform:translateY(28px)"><div class="pointer-events-none absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" style="border:1px solid rgba(14,165,233,0.3);box-shadow:0 0 20px rgba(14,165,233,0.08)" aria-hidden="true"></div><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-1.5 text-text-subtle text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar shrink-0"><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><time dateTime="Fri, 20 Mar 2026 18:49:07 GMT">Mar 20, 2026</time></div><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-bg-surface border border-bg-border text-text-muted text-[11px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>13<!-- --> min read</span></div><h3 class="font-semibold text-text-primary text-base leading-snug mb-2 group-hover:text-white transition-colors duration-200">Stop Prompting Like a Beginner: The Plan-First Framework That 10x&#x27;d My Development Speed with Claude</h3><p class="text-text-muted text-sm line-clamp-2 mb-4 leading-relaxed flex-1">I&#x27;ve been using Claude daily for over a year now. In that time, I&#x27;ve watched hundreds of developers — juniors and seniors alike — make the same mistakes over and over. They type something vague like &quot;</p><div class="flex flex-wrap gap-1.5 mb-5"><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->AI</span><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->claude</span><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->Developer Tools</span></div><div class="flex items-center justify-between mt-auto pt-4 border-t border-bg-border"><span class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-blue group-hover:gap-2.5 transition-all duration-200">Read on Hashnode<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-1 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link text-text-subtle group-hover:text-accent-blue transition-colors duration-200"><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></article></a><a target="_blank" rel="noopener noreferrer" class="block focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded-2xl" aria-label="Read: Frontend Development Best Practices: Lessons from My Experience" href="https://blog.akashjavali.com/frontend-development-best-practices-lessons-from-my-experience"><article class="group relative flex flex-col rounded-2xl p-6 h-full bg-bg-elevated border border-bg-border transition-all duration-300 ease-out" style="will-change:transform;opacity:0;transform:translateY(28px)"><div class="pointer-events-none absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" style="border:1px solid rgba(14,165,233,0.3);box-shadow:0 0 20px rgba(14,165,233,0.08)" aria-hidden="true"></div><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-1.5 text-text-subtle text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar shrink-0"><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><time dateTime="Sat, 29 Mar 2025 06:59:37 GMT">Mar 29, 2025</time></div><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-bg-surface border border-bg-border text-text-muted text-[11px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>4<!-- --> min read</span></div><h3 class="font-semibold text-text-primary text-base leading-snug mb-2 group-hover:text-white transition-colors duration-200">Frontend Development Best Practices: Lessons from My Experience</h3><p class="text-text-muted text-sm line-clamp-2 mb-4 leading-relaxed flex-1">As a frontend developer, I have had the opportunity to guide and mentor junior developers in my company. Through this experience, I’ve compiled a structured set of best practices that help maintain consistency, code quality, and efficiency in fronten...</p><div class="flex flex-wrap gap-1.5 mb-5"><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->git standards</span><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->Frontend Development</span><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->react best practices</span></div><div class="flex items-center justify-between mt-auto pt-4 border-t border-bg-border"><span class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-blue group-hover:gap-2.5 transition-all duration-200">Read on Hashnode<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-1 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link text-text-subtle group-hover:text-accent-blue transition-colors duration-200"><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></article></a><a target="_blank" rel="noopener noreferrer" class="block focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded-2xl" aria-label="Read: Lessons from 6 Years as a Senior Software Engineer: What I Wish I Knew Earlier" href="https://blog.akashjavali.com/lessons-from-6-years-as-a-senior-software-engineer-what-i-wish-i-knew-earlier"><article class="group relative flex flex-col rounded-2xl p-6 h-full bg-bg-elevated border border-bg-border transition-all duration-300 ease-out" style="will-change:transform;opacity:0;transform:translateY(28px)"><div class="pointer-events-none absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" style="border:1px solid rgba(14,165,233,0.3);box-shadow:0 0 20px rgba(14,165,233,0.08)" aria-hidden="true"></div><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-1.5 text-text-subtle text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar shrink-0"><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><time dateTime="Fri, 21 Mar 2025 17:06:09 GMT">Mar 21, 2025</time></div><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-bg-surface border border-bg-border text-text-muted text-[11px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>4<!-- --> min read</span></div><h3 class="font-semibold text-text-primary text-base leading-snug mb-2 group-hover:text-white transition-colors duration-200">Lessons from 6 Years as a Senior Software Engineer: What I Wish I Knew Earlier</h3><p class="text-text-muted text-sm line-clamp-2 mb-4 leading-relaxed flex-1">Frontend development is an exciting, ever-evolving field that constantly challenges developers to learn and adapt. Over the past six years, I’ve encountered numerous lessons—some learned through trial and error, others from observing industry trends....</p><div class="flex flex-wrap gap-1.5 mb-5"><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->Frontend Development</span><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->senior-software-engineer</span><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->Web Development</span></div><div class="flex items-center justify-between mt-auto pt-4 border-t border-bg-border"><span class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-blue group-hover:gap-2.5 transition-all duration-200">Read on Hashnode<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-1 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link text-text-subtle group-hover:text-accent-blue transition-colors duration-200"><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></article></a><a target="_blank" rel="noopener noreferrer" class="block focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded-2xl" aria-label="Read: Building Lightweight and Secure Desktop &amp; Mobile Apps with Tauri and React" href="https://blog.akashjavali.com/building-lightweight-and-secure-desktop-and-mobile-apps-with-tauri-and-react"><article class="group relative flex flex-col rounded-2xl p-6 h-full bg-bg-elevated border border-bg-border transition-all duration-300 ease-out" style="will-change:transform;opacity:0;transform:translateY(28px)"><div class="pointer-events-none absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" style="border:1px solid rgba(14,165,233,0.3);box-shadow:0 0 20px rgba(14,165,233,0.08)" aria-hidden="true"></div><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-1.5 text-text-subtle text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar shrink-0"><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><time dateTime="Fri, 07 Mar 2025 18:39:29 GMT">Mar 7, 2025</time></div><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-bg-surface border border-bg-border text-text-muted text-[11px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>3<!-- --> min read</span></div><h3 class="font-semibold text-text-primary text-base leading-snug mb-2 group-hover:text-white transition-colors duration-200">Building Lightweight and Secure Desktop &amp; Mobile Apps with Tauri and React</h3><p class="text-text-muted text-sm line-clamp-2 mb-4 leading-relaxed flex-1">Introduction
2Developers often turn to Electron for cross-platform desktop apps, but its heavy resource usage and large app sizes can be drawbacks. Enter Tauri, a modern alternative that enables you to build lightweight, secure, and high-performance a...</p><div class="flex flex-wrap gap-1.5 mb-5"><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->Tauri</span><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->React</span><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->desktop apps</span></div><div class="flex items-center justify-between mt-auto pt-4 border-t border-bg-border"><span class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-blue group-hover:gap-2.5 transition-all duration-200">Read on Hashnode<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-1 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link text-text-subtle group-hover:text-accent-blue transition-colors duration-200"><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></article></a><a target="_blank" rel="noopener noreferrer" class="block focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded-2xl" aria-label="Read: Building Microservices with NestJS: A Complete Guide" href="https://blog.akashjavali.com/building-microservices-with-nestjs-a-complete-guide"><article class="group relative flex flex-col rounded-2xl p-6 h-full bg-bg-elevated border border-bg-border transition-all duration-300 ease-out" style="will-change:transform;opacity:0;transform:translateY(28px)"><div class="pointer-events-none absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" style="border:1px solid rgba(14,165,233,0.3);box-shadow:0 0 20px rgba(14,165,233,0.08)" aria-hidden="true"></div><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-1.5 text-text-subtle text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
2ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar shrink-0"><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><time dateTime="Fri, 21 Feb 2025 20:47:26 GMT">Feb 21, 2025</time></div><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-bg-surface border border-bg-border text-text-muted text-[11px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>3<!-- --> min read</span></div><h3 class="font-semibold text-text-primary text-base leading-snug mb-2 group-hover:text-white transition-colors duration-200">Building Microservices with NestJS: A Complete Guide</h3><p class="text-text-muted text-sm line-clamp-2 mb-4 leading-relaxed flex-1">Introduction
3Microservices have gained immense popularity due to their scalability, maintainability, and flexibility. NestJS, a progressive Node.js framework, provides robust tools for building microservices efficiently. In this guide, we&#x27;ll explore ...</p><div class="flex flex-wrap gap-1.5 mb-5"><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->nestjs</span><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->Microservices</span><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->nats</span></div><div class="flex items-center justify-between mt-auto pt-4 border-t border-bg-border"><span class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-blue group-hover:gap-2.5 transition-all duration-200">Read on Hashnode<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-1 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link text-text-subtle group-hover:text-accent-blue transition-colors duration-200"><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></article></a><a target="_blank" rel="noopener noreferrer" class="block focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded-2xl" aria-label="Read: Introduction to NestJS: A Powerful Node.js Framework" href="https://blog.akashjavali.com/introduction-to-nestjs-a-powerful-nodejs-framework"><article class="group relative flex flex-col rounded-2xl p-6 h-full bg-bg-elevated border border-bg-border transition-all duration-300 ease-out" style="will-change:transform;opacity:0;transform:translateY(28px)"><div class="pointer-events-none absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" style="border:1px solid rgba(14,165,233,0.3);box-shadow:0 0 20px rgba(14,165,233,0.08)" aria-hidden="true"></div><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-1.5 text-text-subtle text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
3ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar shrink-0"><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><time dateTime="Sat, 15 Feb 2025 08:33:12 GMT">Feb 15, 2025</time></div><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-bg-surface border border-bg-border text-text-muted text-[11px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>3<!-- --> min read</span></div><h3 class="font-semibold text-text-primary text-base leading-snug mb-2 group-hover:text-white transition-colors duration-200">Introduction to NestJS: A Powerful Node.js Framework</h3><p class="text-text-muted text-sm line-clamp-2 mb-4 leading-relaxed flex-1">What is NestJS?
4NestJS is a progressive, TypeScript-based framework for building scalable and maintainable server-side applications. It is built on top of Node.js and leverages Express (or optionally Fastify) under the hood. Inspired by Angular, Nest...</p><div class="flex flex-wrap gap-1.5 mb-5"><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->nestjs</span><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->Node.js</span><span class="px-2 py-0.5 rounded-full text-[11px] font-medium bg-bg-surface border border-bg-border text-accent-blue">#<!-- -->Web Development</span></div><div class="flex items-center justify-between mt-auto pt-4 border-t border-bg-border"><span class="inline-flex items-center gap-1.5 text-sm font-medium text-accent-blue group-hover:gap-2.5 transition-all duration-200">Read on Hashnode<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-1 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link text-text-subtle group-hover:text-accent-blue transition-colors duration-200"><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></article></a></div><div class="mt-12 flex items-center justify-center" style="opacity:0;transform:translateY(12px)"><a href="https://blog.akashjavali.com" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center gap-2 text-text-muted text-sm hover:text-text-primary transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded">Read all articles on Hashnode<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-1 transition-transform duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section><!--/$--><!--/$--><!--$--><section id="contact" class="py-24 relative overflow-hidden" aria-label="Contact"><div class="pointer-events-none absolute bottom-0 left-1/4 w-[500px] h-[400px] rounded-full blur-3xl op
4acity-[0.04]" style="background:radial-gradient(ellipse, #0ea5e9 0%, transparent 70%)" aria-hidden="true"></div><div class="pointer-events-none absolute top-1/4 right-0 w-[400px] h-[400px] rounded-full blur-3xl opacity-[0.04]" style="background:radial-gradient(ellipse, #6366f1 0%, transparent 70%)" aria-hidden="true"></div><div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="mb-14"><p class="font-mono text-accent-blue text-sm mb-3 tracking-wide" style="opacity:0;transform:translateY(20px)">// contact</p><h2 class="text-3xl sm:text-4xl font-bold text-text-primary mb-4" style="opacity:0;transform:translateY(20px)">Let&#x27;s build something</h2><p class="text-text-muted text-base max-w-xl leading-relaxed" style="opacity:0;transform:translateY(20px)">Open to senior full stack roles, freelance projects, and interesting collaborations.</p></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-start"><div class="space-y-8"><div style="opacity:0;transform:translateY(20px)"><div class="rounded-xl overflow-hidden bg-bg-base border border-bg-border font-mono text-sm" style="box-shadow:0 4px 32px rgba(0,0,0,0.5)"><div class="flex items-center gap-2 px-4 py-3 bg-bg-elevated border-b border-bg-border"><span class="w-3 h-3 rounded-full bg-[#ff5f57]"></span><span class="w-3 h-3 rounded-full bg-[#febc2e]"></span><span class="w-3 h-3 rounded-full bg-[#28c840]"></span><span class="ml-3 text-text-subtle text-xs tracking-wide">akash@portfolio ~ status</span></div><div class="px-5 py-5 space-y-2.5"><div class="flex items-start gap-0 transition-opacity duration-300 opacity-0"><span class="text-text-subtle select-none mr-2">&gt;</span><span class="text-accent-cyan">status</span><span class="text-text-subtle mx-1.5">:</span><span class="text-green-400">&quot;open_to_work&quot;</span></div><div class="flex items-start gap-0 transition-opacity duration-300 opacity-0"><span class="text-text-subtle select-none mr-2">&gt;</span><span class="text-accent-cyan">roles</span><span class="text-text-subtle mx-1.5">:</span><span class="text-accent-indigo">[&quot;Senior Engineer&quot;, &quot;Team Lead&quot;]</span></div><div class="flex items-start gap-0 transition-opacity duration-300 opacity-0"><span class="text-text-subtle select-none mr-2">&gt;</span><span class="text-accent-cyan">stack</span><span class="text-text-subtle mx-1.5">:</span><span class="text-text-primary">&quot;MERN + TypeScript&quot;</span></div><div class="flex items-start gap-0 transition-opacity duration-300 opacity-0"><span class="text-text-subtle select-none mr-2">&gt;</span><span class="text-accent-cyan">location</span><span class="text-text-subtle mx-1.5">:</span><span class="text-text-primary">&quot;Karnataka, India (Remote)&quot;</span></div><div class="flex items-start gap-0 transition-opacity duration-300 opacity-0"><span class="text-text-subtle select-none mr-2">&gt;</span><span class="text-accent-cyan">response_time</span><span class="text-text-subtle mx-1.5">:</span><span class="text-text-primary">&quot;&lt; 24 hours&quot;</span></div><div class="flex items-center gap-2 opacity-0"><span class="text-text-subtle select-none">&gt;</span><span class="inline-block w-2 h-4 bg-accent-blue rounded-sm transition-opacity duration-75 opacity-100" aria-hidden="true"></span></div></div></div></div><div class="space-y-2" style="opacity:0;transform:translateY(20px)"><a href="https://www.linkedin.com/in/akashjavali" target="_blank" rel="noopener noreferrer" class="group flex items-center justify-between px-4 py-3 rounded-xl border border-bg-border bg-bg-elevated hover:border-accent-blue/30 hover:bg-bg-elevated/80 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue"><div class="flex items-center gap-3"><div class="flex items-center justify-center w-8 h-8 rounded-lg bg-bg-surface border border-bg-border group-hover:border-accent-blue/20 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin text-text-muted group-hover:text-accent-blue transition-colors duration-200"><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></div><div class="flex flex-col"><span class="text-text-muted text-xs font-medium leading-none mb-0.5">LinkedIn</span><span class="text-text-primary text-sm group-hover:text-accent-blue transition-colors duration-200">akashjavali</span></div></div><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-text-subtle group-hover:text-accent-blue group-hover:translate-x-0.5 transition-all duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://github.com/akashjavali" target="_blank" rel="noopener noreferrer" class="group flex items-center justify-between px-4 py-3 rounded-xl border border-bg-border bg-bg-elevated hover:border-accent-blue/30 hover:bg-bg-elevated/80 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue"><div class="flex items-center gap-3"><div class="flex items-center justify-center w-8 h-8 rounded-lg bg-bg-surface border border-bg-border group-hover:border-accent-blue/20 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
4ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github text-text-muted group-hover:text-accent-blue transition-colors duration-200"><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></div><div class="flex flex-col"><span class="text-text-muted text-xs font-medium leading-none mb-0.5">GitHub</span><span class="text-text-primary text-sm group-hover:text-accent-blue transition-colors duration-200">akashjavali</span></div></div><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-text-subtle group-hover:text-accent-blue group-hover:translate-x-0.5 transition-all duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://twitter.com/akashjavali" target="_blank" rel="noopener noreferrer" class="group flex items-center justify-between px-4 py-3 rounded-xl border border-bg-border bg-bg-elevated hover:border-accent-blue/30 hover:bg-bg-elevated/80 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue"><div class="flex items-center gap-3"><div class="flex items-center justify-center w-8 h-8 rounded-lg bg-bg-surface border border-bg-border group-hover:border-accent-blue/20 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter text-text-muted group-hover:text-accent-blue transition-colors duration-200"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg></div><div class="flex flex-col"><span class="text-text-muted text-xs font-medium leading-none mb-0.5">Twitter</span><span class="text-text-primary text-sm group-hover:text-accent-blue transition-colors duration-200">@akashjavali</span></div></div><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-text-subtle group-hover:text-accent-blue group-hover:translate-x-0.5 transition-all duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="mailto:[email protected]" rel="noopener noreferrer" class="group flex items-center justify-between px-4 py-3 rounded-xl border border-bg-border bg-bg-elevated hover:border-accent-blue/30 hover:bg-bg-elevated/80 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue"><div class="flex items-center gap-3"><div class="flex items-center justify-center w-8 h-8 rounded-lg bg-bg-surface border border-bg-border group-hover:border-accent-blue/20 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail text-text-muted group-hover:text-accent-blue transition-colors duration-200"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></div><div class="flex flex-col"><span class="text-text-muted text-xs font-medium leading-none mb-0.5">Email</span><span class="text-text-primary text-sm group-hover:text-accent-blue transition-colors duration-200">[email protected]</span></div></div><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-text-subtle group-hover:text-accent-blue group-hover:translate-x-0.5 transition-all duration-200"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="rounded-2xl p-7 sm:p-8 bg-bg-elevated border border-bg-border" style="opacity:0;transform:translateX(24px)"><h3 class="text-text-primary font-semibold text-lg mb-6">Send a message</h3><form noValidate="" class="space-y-4"><div><label for="contact-name" class="block text-xs font-medium text-text-muted mb-1.5">Name</label><input id="contact-name" type="text" autoComplete="name" placeholder="Your name" class="w-full bg-bg-elevated border rounded-xl px-4 py-3 text-text-primary placeholder:text-text-subtle text-sm outline-none transition-all duration-200 focus:border-accent-blue focus:ring-1 focus:ring-accent-blue/20 border-bg-border hover:border-bg-border/80" name="name" value=""/></div><div><label for="contact-email" class="block text-xs font-medium text-text-muted mb-1.5">Email</label><input id="contact-email" type="email" autoComplete="email" placeholder="[email protected]" class="w-full bg-bg-elevated border rounded-xl px-4 py-3 text-text-primary placeholder:text-text-subtle text-sm outline-none transition-all duration-200 focus:border-accent-blue focus:ring-1 focus:ring-accent-blue/20 border-bg-border hover:border-bg-border/80" name="email" value=""/></div><div><label for="contact-message" class="block text-xs font-medium text-text-muted mb-1.5">Message</label><textarea id="contact-message" name="message" rows="5" placeholder="Tell me about your project or what you&#x27;
4d like to discuss..." class="w-full bg-bg-elevated border rounded-xl px-4 py-3 text-text-primary placeholder:text-text-subtle text-sm outline-none transition-all duration-200 focus:border-accent-blue focus:ring-1 focus:ring-accent-blue/20 border-bg-border hover:border-bg-border/80 resize-none leading-relaxed"></textarea></div><button type="submit" class="w-full flex items-center justify-center gap-2 bg-accent-blue text-white font-medium text-sm px-8 py-3 rounded-xl hover:bg-accent-blue/90 active:scale-[0.98] transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface disabled:opacity-60 disabled:cursor-not-allowed" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg>Send Message</button><p class="text-center text-text-subtle text-xs pt-1">Or reach out directly on<!-- --> <a href="https://www.linkedin.com/in/akashjavali" target="_blank" rel="noopener noreferrer" class="text-accent-blue hover:underline underline-offset-2 transition-colors duration-200">LinkedIn</a> <!-- -->for faster response.</p></form></div></div><div class="flex justify-center mt-20"><a href="https://www.anthropic.com" target="_blank" rel="noopener noreferrer" class="group inline-block focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-indigo rounded-2xl" aria-label="Claude Code in Action — Certified by Anthropic" tabindex="0" style="opacity:0;transform:translateY(20px)"><div class="p-px rounded-2xl gradient-drift-anim" style="background:linear-gradient(135deg, #0ea5e9, #6366f1, #22d3ee, #6366f1, #0ea5e9);background-size:300% 300%"><div class="relative flex flex-col items-center gap-2 px-8 py-5 bg-bg-elevated rounded-[calc(1rem-1px)] text-center"><div class="pointer-events-none absolute inset-0 rounded-[calc(1rem-1px)] opacity-0 group-hover:opacity-100 transition-opacity duration-500" style="background:radial-gradient(ellipse at 50% 0%, rgba(99,102,241,0.12), transparent 70%)" aria-hidden="true"></div><div class="flex items-center justify-center w-10 h-10 rounded-full bg-gradient-to-br from-accent-blue/20 to-accent-indigo/20 border border-accent-indigo/30 mb-1"><span class="text-lg" role="img" aria-label="certification">✦</span></div><div class="space-y-0.5"><p class="text-text-primary font-semibold text-sm tracking-wide">Claude Code in Action</p><p class="text-text-muted text-xs">Certified by<!-- --> <span class="text-gradient font-medium">Anthropic</span> · <!-- -->March 2026</p></div><p class="text-text-subtle text-[11px] mt-0.5">Credential issued by Anthropic</p></div></div></a></div></div></section><!--/$--><footer class="relative bg-bg-surface border-t border-bg-border"><div class="absolute top-0 left-0 right-0 h-px" style="background:linear-gradient(90deg, #0ea5e9 0%, #6366f1 50%, transparent 100%)" aria-hidden="true"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"><div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-6 mb-10"><div class="flex flex-col items-start gap-1"><span class="text-2xl font-bold font-mono text-gradient leading-none tracking-tight">AJ</span><span class="text-sm text-text-muted leading-snug">Senior Full Stack Engineer</span></div><div class="flex items-center gap-1"><a href="https://github.com/akashjavali" target="_blank" rel="noopener noreferrer" aria-label="GitHub" class="flex items-center justify-center w-9 h-9 rounded-lg text-text-muted hover:text-accent-blue hover:bg-bg-elevated transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue" tabindex="0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="18" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a><a href="https://www.linkedin.com/in/akashjavali" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" class="flex items-center justify-center w-9 h-9 rounded-lg text-text-muted hover:text-accent-blue hover:bg-bg-elevated transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue" tabindex="0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="18" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a><a href="https://twitter.com/akashjavali" target="_blank" rel="noopener noreferrer" aria-label="Twitter" class="flex items-center justify-center w-9 h-9 rounded-lg text-text-muted hover:text-accent-blue hover:bg-bg-elevated transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue" tabindex="0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="18" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></a><a href="https://instagram.com/akashjavali" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="flex items-center justify-center w-9 h-9 rounded-lg text-text-muted hover:text-accent-blue hover:bg-bg-elevated transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue" tabindex="0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="18" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></a></div></div><div class="h-px bg-bg-border mb-8"></div><nav class="flex flex-wrap items-center justify-center gap-x-6 gap-y-2 mb-10" aria-label="Footer navigation"><span class="flex items-center gap-6"><button class="text-sm text-text-muted hover:text-text-primary transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded">About</button><span class="text-text-subtle select-none" aria-hidden="true">·</span></span><span class="flex items-center gap-6"><button class="text-sm text-text-muted hover:text-text-primary transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded">Stack</button><span class="text-text-subtle select-none" aria-hidden="true">·</span></span><span class="flex items-center gap-6"><button class="text-sm text-text-muted hover:text-text-primary transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded">Projects</button><span class="text-text-subtle select-none" aria-hidden="true">·</span></span><span class="flex items-center gap-6"><button class="text-sm text-text-muted hover:text-text-primary transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue rounded">Contact</button></span></nav><div class="flex flex-col sm:flex-row items-center justify-between gap-3 pt-6 border-t border-bg-border"><p class="text-sm text-text-muted text-center sm:text-left">© 2026 Akash Javali. Built with<!-- --> <span class="text-text-primary font-medium">Next.js</span> &amp;<!-- --> <span class="text-text-primary font-medium">Framer Motion</span>.</p><p class="text-sm text-text-muted text-center sm:text-right">Designed &amp; developed in India<!-- --> <span role="img" aria-label="India flag">🇮🇳</span></p></div></div></footer></main></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$-->
4<script src="/_next/static/chunks/webpack-19ac948ad6fb9ec9.js" async=""></script>
4<script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script>
4<script>self.__next_f.push([1,"1:HL[\"/_next/static/media/bb3ef058b751a6ad-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/css/66f207524fcf4665.css\",\"style\"]\n"])</script>
4<script>self.__next_f.push([1,"4:I[2846,[],\"\"]\n6:\"$Sreact.suspense\"\n7:I[1523,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"BailoutToCSR\"]\n8:I[2287,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"default\"]\n9:I[3050,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"default\"]\na:I[4384,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"default\"]\nb:I[9530,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"default\"]\nc:I[9157,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"default\"]\nd:I[1375,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"default\"]\ne:I[49,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-07"])</script>
4<script>self.__next_f.push([1,"81bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"PreloadCss\"]\nf:I[3025,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"default\"]\n10:I[1837,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"default\"]\n11:I[9814,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"default\"]\n12:I[7357,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"default\"]\n13:I[426,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"default\"]\n15:I[3410,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"default\"]\n16:I[2063,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"default\"]\n17:I[1726,[\"606\",\"static/chunks/606-0781bfa"])</script>
4<script>self.__next_f.push([1,"2bb6db0d4.js\",\"913\",\"static/chunks/913-40b5c56160d75cd4.js\",\"185\",\"static/chunks/app/layout-3c73be34453ed604.js\"],\"Providers\"]\n18:I[4707,[],\"\"]\n19:I[6423,[],\"\"]\n1a:I[9197,[\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"913\",\"static/chunks/913-40b5c56160d75cd4.js\",\"185\",\"static/chunks/app/layout-3c73be34453ed604.js\"],\"Analytics\"]\n1b:I[1952,[\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"913\",\"static/chunks/913-40b5c56160d75cd4.js\",\"185\",\"static/chunks/app/layout-3c73be34453ed604.js\"],\"SpeedInsights\"]\n1c:I[8003,[\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"913\",\"static/chunks/913-40b5c56160d75cd4.js\",\"185\",\"static/chunks/app/layout-3c73be34453ed604.js\"],\"\"]\n1e:I[1060,[],\"\"]\n1f:[]\n"])</script>
4<script>self.__next_f.push([1,"0:[\"$\",\"$L4\",null,{\"buildId\":\"buvobiBbh3RsrS-1Ahvmb\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"\"],\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L5\",[\"$\",\"main\",null,{\"className\":\"bg-bg-base min-h-screen\",\"children\":[[\"$\",\"$6\",null,{\"fallback\":null,\"children\":[\"$\",\"$L7\",null,{\"reason\":\"next/dynamic\",\"children\":[\"$\",\"$L8\",null,{}]}]}],[\"$\",\"$L9\",null,{}],[\"$\",\"$6\",null,{\"fallback\":null,\"children\":[\"$\",\"$L7\",null,{\"reason\":\"next/dynamic\",\"children\":[\"$\",\"$La\",null,{}]}]}],[\"$\",\"$Lb\",null,{}],[\"$\",\"$Lc\",null,{}],[\"$\",\"$Ld\",null,{}],[\"$\",\"$6\",null,{\"fallback\":null,\"children\":[[\"$\",\"$Le\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/About\"]}],[\"$\",\"$Lf\",null,{}]]}],[\"$\",\"$6\",null,{\"fallback\":null,\"children\":[[\"$\",\"$Le\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/TechStack\"]}],[\"$\",\"$L10\",null,{}]]}],[\"$\",\"$6\",null,{\"fallback\":null,\"children\":[[\"$\",\"$Le\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/Experience\"]}],[\"$\",\"$L11\",null,{}]]}],[\"$\",\"$6\",null,{\"fallback\":null,\"children\":[[\"$\",\"$Le\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/Projects\"]}],[\"$\",\"$L12\",null,{}]]}],[\"$\",\"$6\",null,{\"fallback\":null,\"children\":[[\"$\",\"$Le\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/EngineeringMindset\"]}],[\"$\",\"$L13\",null,{}]]}],[\"$\",\"$6\",null,{\"fallback\":null,\"children\":[\"$\",\"$6\",null,{\"fallback\":null,\"children\":[[\"$\",\"$Le\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/Blog\"]}],\"$L14\"]}]}],[\"$\",\"$6\",null,{\"fallback\":null,\"children\":[[\"$\",\"$Le\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/Contact\"]}],[\"$\",\"$L15\",null,{}]]}],[\"$\",\"$L16\",null,{}]]}],null],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/66f207524fcf4665.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_f367f3 __variable_3c557b\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"dns-prefetch\",\"href\":\"https://www.googletagmanager.com\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/favicon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/assets/images/favicon.ico\",\"sizes\":\"any\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"href\":\"/assets/images/192x192.png\"}],[\"$\",\"link\",null,{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\"}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"content\":\"#050a13\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Person\\\",\\\"name\\\":\\\"Akash Javali\\\",\\\"url\\\":\\\"https://akashjavali.com\\\",\\\"image\\\":\\\"https://akashjavali.com/opengraph-image\\\",\\\"sameAs\\\":[\\\"https://www.linkedin.com/in/akashjavali\\\",\\\"https://github.com/akashjavali\\\",\\\"https://twitter.com/akashjavali\\\",\\\"https://blog.akashjavali.com\\\"],\\\"jobTitle\\\":\\\"Senior Full Stack Engineer\\\",\\\"description\\\":\\\"Senior Full Stack Engineer with 7+ years building scalable MERN applications. Associate Team Lead at Pace Wisdom. Specializes in React, Next.js, Node.js, TypeScript, and AI-accelerated development.\\\",\\\"knowsAbout\\\":[\\\"React.js\\\",\\\"Next.js\\\",\\\"Node.js\\\",\\\"TypeScript\\\",\\\"MongoDB\\\",\\\"System Architecture\\\",\\\"AI-accelerated development\\\"],\\\"worksFor\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Pace Wisdom Solutions\\\",\\\"url\\\":\\\"https://pacewisdom.com\\\"},\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"addressLocality\\\":\\\"Karnataka\\\",\\\"addressCountry\\\":\\\"IN\\\"},\\\"alumniOf\\\":{\\\"@type\\\":\\\"CollegeOrUniversity\\\",\\\"name\\\":\\\"Electronics Engineering\\\"}}\"}}]]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L17\",null,{\"children\":[\"$\",\"$L18\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L19\",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\"
4:\"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.\"}]}]]}]}]],\"notFoundStyles\":[]}]}],[\"$\",\"$L1a\",null,{}],[\"$\",\"$L1b\",null,{}],[\"$\",\"$L1c\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-NNTNK0604D\",\"strategy\":\"lazyOnload\"}],[\"$\",\"$L1c\",null,{\"id\":\"gtag-init\",\"strategy\":\"lazyOnload\",\"children\":\"
vendor: 118 bytes, line 4
4window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','
4G-NNTNK0604D
vendor: 3 bytes, line 4
4');
4\"}]]}]]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L1d\"],\"globalErrorComponent\":\"$1e\",\"missingSlots\":\"$W1f\"}]\n"])</script>
4<script>self.__next_f.push([1,"1d:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Akash Javali — Senior Full Stack Engineer | MERN \u0026 System Architecture\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Senior Full Stack Engineer with 7+ years building scalable MERN applications. Associate Team Lead at Pace Wisdom. Specializes in React, Next.js, Node.js, TypeScript, and AI-accelerated development.\"}],[\"$\",\"link\",\"4\",{\"rel\":\"author\",\"href\":\"https://akashjavali.com\"}],[\"$\",\"meta\",\"5\",{\"name\":\"author\",\"content\":\"Akash Javali\"}],[\"$\",\"meta\",\"6\",{\"name\":\"keywords\",\"content\":\"Full Stack Developer,MERN Stack,React Developer,Next.js Developer,Node.js Developer,TypeScript,System Architecture,AI Tools,Akash Javali,Senior Software Engineer India,Associate Team Lead,Pace Wisdom,Frontend Developer Bangalore,React TypeScript Expert,Claude Code Certified\"}],[\"$\",\"meta\",\"7\",{\"name\":\"creator\",\"content\":\"Akash Javali\"}],[\"$\",\"meta\",\"8\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"9\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"10\",{\"rel\":\"canonical\",\"href\":\"https://akashjavali.com\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:title\",\"content\":\"Akash Javali — Senior Full Stack Engineer\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:description\",\"content\":\"Senior Full Stack Engineer with 7+ years building scalable MERN applications. Specializes in system architecture and AI-accelerated development.\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:url\",\"content\":\"https://akashjavali.com\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:site_name\",\"content\":\"Akash Javali\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:alt\",\"content\":\"Akash Javali — Senior Full Stack Engineer\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image\",\"content\":\"https://akashjavali.com/opengraph-image?84264bd01f8e7834\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:creator\",\"content\":\"@akashjavali\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:title\",\"content\":\"Akash Javali — Senior Full Stack Engineer\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:description\",\"content\":\"Senior Full Stack Engineer with 7+ years building scalable MERN applications.\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:image:alt\",\"content\":\"Akash Javali — Senior Full Stack Engineer\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image\",\"content\":\"https://akashjavali.com/opengraph-image?84264bd01f8e7834\"}],[\"$\",\"meta\",\"29\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"30\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"31\",{\"name\":\"next-size-adjust\"}]]\n"])</script>
4<script>self.__next_f.push([1,"5:null\n"])</script>
4<script>self.__next_f.push([1,"20:I[5855,[\"957\",\"static/chunks/30a37ab2-fdf26399a0ad3f0c.js\",\"699\",\"static/chunks/8e1d74a4-5a35eaec22e81616.js\",\"606\",\"static/chunks/606-0781bfa2bb6db0d4.js\",\"288\",\"static/chunks/288-e7e003ebab3d0734.js\",\"931\",\"static/chunks/app/page-1fee9ba8963e3c4c.js\"],\"default\"]\n"])</script>
4<script>self.__next_f.push([1,"14:[\"$\",\"$L20\",null,{\"posts\":[{\"id\":\"https://blog.akashjavali.com/plan-first-framework-claude-developer-workflow\",\"title\":\"Stop Prompting Like a Beginner: The Plan-First Framework That 10x'd My Development Speed with Claude\",\"brief\":\"I've been using Claude daily for over a year now. In that time, I've watched hundreds of developers — juniors and seniors alike — make the same mistakes over and over. They type something vague like \\\"\",\"slug\":\"plan-first-framework-claude-developer-workflow\",\"publishedAt\":\"Fri, 20 Mar 2026 18:49:07 GMT\",\"readTimeInMinutes\":13,\"tags\":[{\"name\":\"AI\"},{\"name\":\"claude\"},{\"name\":\"Developer Tools\"},{\"name\":\"Productivity\"},{\"name\":\"programing\"}],\"coverImage\":{\"url\":\"https://cdn.hashnode.com/uploads/covers/663e538e190a3c3f7372a1b6/0033eb74-fa39-481b-869b-93508b68b8a7.png\"},\"url\":\"https://blog.akashjavali.com/plan-first-framework-claude-developer-workflow\"},{\"id\":\"https://blog.akashjavali.com/frontend-development-best-practices-lessons-from-my-experience\",\"title\":\"Frontend Development Best Practices: Lessons from My Experience\",\"brief\":\"As a frontend developer, I have had the opportunity to guide and mentor junior developers in my company. Through this experience, I’ve compiled a structured set of best practices that help maintain consistency, code quality, and efficiency in fronten...\",\"slug\":\"frontend-development-best-practices-lessons-from-my-experience\",\"publishedAt\":\"Sat, 29 Mar 2025 06:59:37 GMT\",\"readTimeInMinutes\":4,\"tags\":[{\"name\":\"git standards\"},{\"name\":\"Frontend Development\"},{\"name\":\"react best practices\"},{\"name\":\"eslint\"},{\"name\":\"Prettier\"},{\"name\":\"TypeScript\"},{\"name\":\"sonarqube\"},{\"name\":\"best practices\"},{\"name\":\"code review\"},{\"name\":\"UI Design\"},{\"name\":\"Storybook\"},{\"name\":\"npm packages\"}],\"coverImage\":{\"url\":\"https://cdn.hashnode.com/res/hashnode/image/upload/v1743231354832/8daa8741-f951-4de1-b3a2-ec52a3d77905.webp\"},\"url\":\"https://blog.akashjavali.com/frontend-development-best-practices-lessons-from-my-experience\"},{\"id\":\"https://blog.akashjavali.com/lessons-from-6-years-as-a-senior-software-engineer-what-i-wish-i-knew-earlier\",\"title\":\"Lessons from 6 Years as a Senior Software Engineer: What I Wish I Knew Earlier\",\"brief\":\"Frontend development is an exciting, ever-evolving field that constantly challenges developers to learn and adapt. Over the past six years, I’ve encountered numerous lessons—some learned through trial and error, others from observing industry trends....\",\"slug\":\"lessons-from-6-years-as-a-senior-software-engineer-what-i-wish-i-knew-earlier\",\"publishedAt\":\"Fri, 21 Mar 2025 17:06:09 GMT\",\"readTimeInMinutes\":4,\"tags\":[{\"name\":\"Frontend Development\"},{\"name\":\"senior-software-engineer\"},{\"name\":\"Web Development\"},{\"name\":\"JavaScript\"},{\"name\":\"Coding Best Practices\"},{\"name\":\"Software Engineering\"},{\"name\":\"Career Growth\"}],\"coverImage\":{\"url\":\"https://cdn.hashnode.com/res/hashnode/image/upload/v1742577081404/321402ce-1323-4e6d-8b63-dbcf94cf76bd.jpeg\"},\"url\":\"https://blog.akashjavali.com/lessons-from-6-years-as-a-senior-software-engineer-what-i-wish-i-knew-earlier\"},{\"id\":\"https://blog.akashjavali.com/building-lightweight-and-secure-desktop-and-mobile-apps-with-tauri-and-react\",\"title\":\"Building Lightweight and Secure Desktop \u0026 Mobile Apps with Tauri and React\",\"brief\":\"Introduction\\nDevelopers often turn to Electron for cross-platform desktop apps, but its heavy resource usage and large app sizes can be drawbacks. Enter Tauri, a modern alternative that enables you to build lightweight, secure, and high-performance a...\",\"slug\":\"building-lightweight-and-secure-desktop-and-mobile-apps-with-tauri-and-react\",\"publishedAt\":\"Fri, 07 Mar 2025 18:39:29 GMT\",\"readTimeInMinutes\":3,\"tags\":[{\"name\":\"Tauri\"},{\"name\":\"React\"},{\"name\":\"desktop apps\"},{\"name\":\"mobile app development\"},{\"name\":\"Cross Platform App Development.\"},{\"name\":\"Frontend Development\"}],\"coverImage\":{\"url\":\"https://cdn.hashnode.com/res/hashnode/image/upload/v1741372536132/de41fa65-0c49-471e-a25a-ca5372f63072.webp\"},\"url\":\"https://blog.akashjavali.com/building-lightweight-and-secure-desktop-and-mobile-apps-with-tauri-and-react\"},{\"id\":\"https://blog.akashjavali.com/building-microservices-with-nestjs-a-complete-guide\",\"title\":\"Building Microservices with NestJS: A Complete Guide\",\"brief\":\"Introduction\\nMicroservices have gained immense popularity due to their scalability, maintainability, and flexibility. NestJS, a progressive Node.js framework, provides robust tools for building microservices efficie
4ntly. In this guide, we'll explore ...\",\"slug\":\"building-microservices-with-nestjs-a-complete-guide\",\"publishedAt\":\"Fri, 21 Feb 2025 20:47:26 GMT\",\"readTimeInMinutes\":3,\"tags\":[{\"name\":\"nestjs\"},{\"name\":\"Microservices\"},{\"name\":\"nats\"},{\"name\":\"Node.js\"},{\"name\":\"API Gateway\"},{\"name\":\"Scalable web applications\"},{\"name\":\"backend developments\"}],\"coverImage\":{\"url\":\"https://cdn.hashnode.com/res/hashnode/image/upload/v1740170146152/ceb61966-aea7-47ad-8ddb-079501669af5.webp\"},\"url\":\"https://blog.akashjavali.com/building-microservices-with-nestjs-a-complete-guide\"},{\"id\":\"https://blog.akashjavali.com/introduction-to-nestjs-a-powerful-nodejs-framework\",\"title\":\"Introduction to NestJS: A Powerful Node.js Framework\",\"brief\":\"What is NestJS?\\nNestJS is a progressive, TypeScript-based framework for building scalable and maintainable server-side applications. It is built on top of Node.js and leverages Express (or optionally Fastify) under the hood. Inspired by Angular, Nest...\",\"slug\":\"introduction-to-nestjs-a-powerful-nodejs-framework\",\"publishedAt\":\"Sat, 15 Feb 2025 08:33:12 GMT\",\"readTimeInMinutes\":3,\"tags\":[{\"name\":\"nestjs\"},{\"name\":\"Node.js\"},{\"name\":\"Web Development\"},{\"name\":\"backend developments\"},{\"name\":\"TypeScript\"},{\"name\":\"APIs\"},{\"name\":\"Microservices\"},{\"name\":\"JavaScript\"},{\"name\":\"full stack\"}],\"coverImage\":{\"url\":\"https://cdn.hashnode.com/res/hashnode/image/upload/v1739608235256/c34e3404-66e3-43bd-bb93-9f32567af905.webp\"},\"url\":\"https://blog.akashjavali.com/introduction-to-nestjs-a-powerful-nodejs-framework\"}]}]\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.