1<!DOCTYPE html><html lang="en" class="__variable_b6819f __variable_be5b54 __variable_b8b015 __variable_2ef948"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/26d0ba92e140f0dc-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/6ba5f591ae6c56f6-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/af4bf8399d1aacdf-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/4aqggxzc/production/96af566ed30cdf2681f5b31762bad786f68a8cb3-640x640.png?fit=max&auto=format"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/4aqggxzc/production/bf9f650fd25e6ba40210230687f99f99aa91a2af-640x640.png?fit=max&auto=format"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/4aqggxzc/production/71cefbfb2bf9a3aaf10bd7c2299e4060cf5f7366-640x640.png?fit=max&auto=format"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/4aqggxzc/production/5f872016b869b158382a3756e5d0565fe7a7dacd-1792x1024.png?fit=max&auto=format"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/4aqggxzc/production/0c4cddf11c1421dc4882b92085c41c0b0e0abd91-1792x1024.png?fit=max&auto=format"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/4aqggxzc/production/84f7c12891479c58b84959d2bebfebaa2a6e5cff-1792x1024.png?fit=max&auto=format"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/4aqggxzc/production/8fbbee98ac0dc83e33a1f01940062765d24911c2-1792x1024.png?fit=max&auto=format"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/4aqggxzc/production/1da5868c0efe1fca36d80c9df3517808e6c2c55a-1792x1024.png?fit=max&auto=format"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/4aqggxzc/production/af9e4272cc1e56fcb0aa20a39a992e85af65e29e-1600x1067.jpg?fit=max&auto=format"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/4aqggxzc/production/00730b98dabd7ec0dace4f508c4e08936da88c18-1600x1060.jpg?fit=max&auto=format"/><link rel="stylesheet" href="/_next/static/css/2b960dbca2b6015e.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/59da7f3e1c4954a5.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/27ccb167704252c3.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/45bd226ec31328e1.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-5693092ce0703709.js"/>
1<script src="/_next/static/chunks/4bd1b696-182b6b13bdad92e3.js" async=""></script>
1<script src="/_next/static/chunks/1255-01735991e86fac1b.js" async=""></script>
1<script src="/_next/static/chunks/main-app-0ee650784ad95c4e.js" async=""></script>
1<script src="/_next/static/chunks/ee560e2c-d6689966fded2ffe.js" async=""></script>
1<script src="/_next/static/chunks/2619-04bc32f026a0d946.js" async=""></script>
1<script src="/_next/static/chunks/4486-77f84ead92d31bd0.js" async=""></script>
1<script src="/_next/static/chunks/app/error-1bf653c2d6b8a9ce.js" async=""></script>
1<script src="/_next/static/chunks/app/not-found-06cd90f93dc2a554.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-9773cc51a2cd8e1d.js" async=""></script>
1<script src="/_next/static/chunks/app/global-error-5a3b805665616868.js" async=""></script>
1<script src="/_next/static/chunks/7878-5e8f32dd86f5b0cc.js" async=""></script>
1<script src="/_next/static/chunks/2513-a6b67bc249ea8479.js" async=""></script>
1<script src="/_next/static/chunks/3276-a28155efaf80d7e1.js" async=""></script>
1<script src="/_next/static/chunks/3809-cb64bcae6198871a.js" async=""></script>
1<script src="/_next/static/chunks/6065-bab3619554659bf0.js" async=""></script>
1<script src="/_next/static/chunks/6071-5a2c3c85af525fb0.js" async=""></script>
1<script src="/_next/static/chunks/app/blog/page-86e2cf8ad70a3f15.js" async=""></script>
1<link rel="preload" as="image" href="https://cdn.sanity.io/images/4aqggxzc/production/8b53b42282dc59b53605037eb78c0411dce5158a-1600x1067.jpg?fit=max&auto=format"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/4aqggxzc/production/c26576f1139b6308f74564a7b8c712078be65103-2386x1342.jpg?fit=max&auto=format"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/4aqggxzc/production/45613f4b4055f8041b4997a66f54eb26573d4b34-1600x1067.jpg?fit=max&auto=format"/><link rel="preload" as="image" href="https://cdn.sanity.io/images/4aqggxzc/production/f0075bcd6161eecbac66a30492a7f0a08c16c1aa-1600x1066.jpg?fit=max&auto=format"/><meta name="next-size-adjust" content=""/><meta http-equiv="origin-trial" content="AzDVth/jSMt7JAEIkzOI9TypJ1cvX0FloIxEmUXsWN47wOsaSklRToBrlBTL/SxK/y22amwuFlOFjFqAYrvqXwYAAAB5eyJvcmlnaW4iOiJodHRwczovL3lvdWhhbmFzaGVyaWZmLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViTUNQIiwiZXhwaXJ5IjoxNzk0ODczNjAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ=="/><title>Blog | Youhana Sheriff</title><meta name="description" content="Articles, tutorials, and insights on software development, technology, and more by Youhana Sheriff."/><meta name="author" content="Youhana Sheriff"/><meta name="keywords" content="AI Systems Engineer,Applied AI Engineer,Edge AI,Edge AI Engineer,Voice AI Engineer,Multimodal AI Engineer,Agentic AI,RAG Systems,Embedded AI,On-Device AI,On-device inference,LLM Integration,RAG Pipeline,YOLO,LoRA Fine-tuning,Quantization,llama.cpp,MLX,Claude API,Gemini API,Vector Search,LLM Agents,TypeScript,Python,Flutter,React,Next.js,Forward Deployed Engineer,Founding Engineer"/><meta property="og:title" content="Blog | Youhana Sheriff"/><meta property="og:description" content="Articles, tutorials, and insights on software development, technology, and more."/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Youhana Sheriff | AI Systems Engineer | Edge AI & LLM Systems"/><meta name="twitter:description" content="AI Systems Engineer focused on Edge AI and LLM systems, and Senior Software Engineer at Mako IT Lab."/><meta name="twitter:image" content="https://youhanasheriff.com/profile.png"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="627"/><link rel="icon" href="/favicon.ico"/>
1<script>(() => { 2 try { 3 const stored = localStorage.getItem('theme'); 4 const shouldUseDark = stored ? stored === 'dark' : false; 5 const root = document.documentElement; 6 if (shouldUseDark) { 7 root.classList.add('dark'); 8 } else { 9 root.classList.remove('dark'); 10 } 11 } catch {} 12})();</script>
12<script type="application/ld+json">{"@context":"https://schema.org","@type":"Person","name":"Youhana Sheriff","jobTitle":"AI Systems Engineer | Edge AI & LLM Systems | Senior Software Engineer at Mako IT Lab","description":"AI Systems Engineer focused on Edge AI and LLM systems, and Senior Software Engineer at Mako IT Lab.","url":"https://youhanasheriff.com","sameAs":["https://www.linkedin.com/in/youhanasheriff","https://x.com/youhanasheriff","https://github.com/youhanasheriff"]}</script>
12<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
12</head><body class="min-h-screen bg-cream font-sans antialiased transition-colors duration-300"><div hidden=""><!--$--><!--/$--></div><main class="min-h-screen bg-cream dark:bg-surface-dark"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="pt-24 pb-16 px-4 md:px-8 lg:px-16 max-w-7xl mx-auto"><div class="w-full flex flex-col items-center"><div class="text-center mb-12"><p class="inline-flex items-center gap-3 text-xs font-medium text-accent-dark dark:text-accent-light tracking-[0.25em] uppercase mb-4" style="opacity:0;transform:translateY(30px)"><span aria-hidden="true" class="w-10 h-px bg-accent-dark dark:bg-accent-light"></span>Articles</p><h2 class="font-serif text-4xl md:text-display font-bold text-slate-900 dark:text-white mb-6" style="opacity:0;transform:translateY(30px)">My <span class="text-brand dark:text-brand-light">Blog</span></h2><p class="text-lg text-slate-500 dark:text-slate-400 max-w-2xl mx-auto" style="opacity:0;transform:translateY(30px)">Thoughts, tutorials, and insights on software development, technology, and more.</p></div><div class="flex flex-wrap justify-center gap-3 mb-12"><button class="px-6 py-2.5 rounded-full font-medium text-sm transition-all duration-300 bg-brand text-white dark:bg-brand-light dark:text-surface-dark shadow-soft" style="opacity:0;transform:translateY(30px)">All</button><button class="px-6 py-2.5 rounded-full font-medium text-sm transition-all duration-300 border border-slate-300 dark:border-slate-700 text-slate-600 dark:text-slate-300 hover:border-brand dark:hover:border-brand-light hover:text-brand dark:hover:text-brand-light" style="opacity:0;transform:translateY(30px)">AI/ML</button><button class="px-6 py-2.5 rounded-full font-medium text-sm transition-all duration-300 border border-slate-300 dark:border-slate-700 text-slate-600 dark:text-slate-300 hover:border-brand dark:hover:border-brand-light hover:text-brand dark:hover:text-brand-light" style="opacity:0;transform:translateY(30px)">Mobile Development</button><button class="px-6 py-2.5 rounded-full font-medium text-sm transition-all duration-300 border border-slate-300 dark:border-slate-700 text-slate-600 dark:text-slate-300 hover:border-brand dark:hover:border-brand-light hover:text-brand dark:hover:text-brand-light" style="opacity:0;transform:translateY(30px)">Web Development</button><button class="px-6 py-2.5 rounded-full font-medium text-sm transition-all duration-300 border border-slate-300 dark:border-slate-700 text-slate-600 dark:text-slate-300 hover:border-brand dark:hover:border-brand-light hover:text-brand dark:hover:text-brand-light" style="opacity:0;transform:translateY(30px)">Programming</button><button class="px-6 py-2.5 rounded-full font-medium text-sm transition-all duration-300 border border-slate-300 dark:border-slate-700 text-slate-600 dark:text-slate-300 hover:border-brand dark:hover:border-brand-light hover:text-brand dark:hover:text-brand-light" style="opacity:0;transform:translateY(30px)">Design</button><button class="px-6 py-2.5 rounded-full font-medium text-sm transition-all duration-300 border border-slate-300 dark:border-slate-700 text-slate-600 dark:text-slate-300 hover:border-brand dark:hover:border-brand-light hover:text-brand dark:hover:text-brand-light" style="opacity:0;transform:translateY(30px)">Career</button><button class="px-6 py-2.5 rounded-full font-medium text-sm transition-all duration-300 border border-slate-300 dark:border-slate-700 text-slate-600 dark:text-slate-300 hover:border-brand dark:hover:border-brand-light hover:text-brand dark:hover:text-brand-light" style="opacity:0;transform:translateY(30px)">Software Engineering</button></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 w-full"><div style="opacity:0;transform:translateY(20px)"><a class="block group" href="/blog/why-your-ai-agent-doesnt-understand-you"><article class="rounded-2xl overflow-hidden border border-slate-200/80 dark:border-slate-700/60 bg-white dark:bg-surface-dark-elevated shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 h-full flex flex-col"><div class="relative aspect-[16/9] overflow-hidden"><img src="https://cdn.sanity.io/images/4aqggxzc/production/96af566ed30cdf2681f5b31762bad786f68a8cb3-640x640.png?fit=max&auto=format" alt="Why Your AI Agent Doesn't Understand You (And It's Not the AI'
12s Fault)" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="p-4 flex flex-col flex-1"><div class="flex flex-wrap gap-1.5 mb-2"><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">AI</span><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">Communication</span><span class="px-2 py-0.5 text-[10px] font-medium bg-slate-100 dark:bg-slate-700/60 text-slate-500 dark:text-slate-300 rounded-full">+<!-- -->3</span></div><h3 class="font-serif text-lg leading-snug font-semibold text-slate-900 dark:text-white mb-1.5 group-hover:text-brand dark:group-hover:text-brand-light transition-colors line-clamp-2">Why Your AI Agent Doesn't Understand You (And It's Not the AI's Fault)</h3><p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed line-clamp-2 flex-1">The real reason your AI prompts fail has nothing to do with prompting techniques â it's about how clearly you communicate as a person. Here's how learning to share goals instead of tasks changed everything for me, both with AI and with people.</p><div class="mt-3 pt-3 border-t border-slate-100 dark:border-slate-700/60 flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400"><span aria-hidden="true" class="w-4 h-px bg-accent-dark/60 dark:bg-accent-light/60"></span><time dateTime="2026-03-17T11:39:42.319Z">Mar 17, 2026</time></div></div></article></a></div><div style="opacity:0;transform:translateY(20px)"><a class="block group" href="/blog/building-lifelong-memory-for-ai-agents-with-simplemem"><article class="rounded-2xl overflow-hidden border border-slate-200/80 dark:border-slate-700/60 bg-white dark:bg-surface-dark-elevated shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 h-full flex flex-col"><div class="relative aspect-[16/9] overflow-hidden"><img src="https://cdn.sanity.io/images/4aqggxzc/production/bf9f650fd25e6ba40210230687f99f99aa91a2af-640x640.png?fit=max&auto=format" alt="Building Lifelong Memory for AI Agents with @sheriax/simplemem" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="p-4 flex flex-col flex-1"><div class="flex flex-wrap gap-1.5 mb-2"><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">AI</span><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">LLM</span><span class="px-2 py-0.5 text-[10px] font-medium bg-slate-100 dark:bg-slate-700/60 text-slate-500 dark:text-slate-300 rounded-full">+<!-- -->4</span></div><h3 class="font-serif text-lg leading-snug font-semibold text-slate-900 dark:text-white mb-1.5 group-hover:text-brand dark:group-hover:text-brand-light transition-colors line-clamp-2">Building Lifelong Memory for AI Agents with @sheriax/simplemem</h3><p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed line-clamp-2 flex-1">AI agents forget everything between sessions. SimpleMem fixes that with semantic lossless compression â a three-stage pipeline that compresses, synthesizes, and retrieves long-term memories with 30Ã fewer tokens. Here's how @sheriax/simplemem brings this framework to TypeScript and Node.js.</p><div class="mt-3 pt-3 border-t border-slate-100 dark:border-slate-700/60 flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400"><span aria-hidden="true" class="w-4 h-px bg-accent-dark/60 dark:bg-accent-light/60"></span><time dateTime="2026-03-11T11:36:59.576Z">Mar 11, 2026</time></div></div></article></a></div><div style="opacity:0;transform:translateY(20px)"><a class="block group" href="/blog/introducing-flutter-stripe-connect-embed-stripe-connect-in-your-flutter-app"><article class="rounded-2xl overflow-hidden border border-slate-200/80 dark:border-slate-700/60 bg-white dark:bg-surface-dark-elevated shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 h-full flex flex-col"><div class="relative aspect-[16/9] overflow-hidden"><img src="https://cdn.sanity.io/images/4aqggxzc/production/71cefbfb2bf9a3aaf10bd7c2299e4060cf5f7366-640x640.png?fit=max&auto=format" alt="Introducing flutter_stripe_connect: Embed Stripe Connect in Your Flutter App" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="p-4 flex flex-col flex-1"><div class="flex flex-wrap gap-1.5 mb-2"><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">Flutter</span><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">Stripe</span><span class="px-2 py-0.5 text-[10px] font-medium bg-slate-100 dar
12k:bg-slate-700/60 text-slate-500 dark:text-slate-300 rounded-full">+<!-- -->3</span></div><h3 class="font-serif text-lg leading-snug font-semibold text-slate-900 dark:text-white mb-1.5 group-hover:text-brand dark:group-hover:text-brand-light transition-colors line-clamp-2">Introducing flutter_stripe_connect: Embed Stripe Connect in Your Flutter App</h3><p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed line-clamp-2 flex-1">Building a marketplace or platform app? flutter_stripe_connect is an open-source Flutter plugin that lets you embed all 13 Stripe Connect components directly into your Flutter app across iOS, Android, and Web â with just a few lines of code.</p><div class="mt-3 pt-3 border-t border-slate-100 dark:border-slate-700/60 flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400"><span aria-hidden="true" class="w-4 h-px bg-accent-dark/60 dark:bg-accent-light/60"></span><time dateTime="2026-02-28T15:18:52.433Z">Feb 28, 2026</time></div></div></article></a></div><div style="opacity:0;transform:translateY(20px)"><a class="block group" href="/blog/cracking-the-code-mastering-algorithmic-problem-solving-for-technical-success"><article class="rounded-2xl overflow-hidden border border-slate-200/80 dark:border-slate-700/60 bg-white dark:bg-surface-dark-elevated shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 h-full flex flex-col"><div class="relative aspect-[16/9] overflow-hidden"><img src="https://cdn.sanity.io/images/4aqggxzc/production/5f872016b869b158382a3756e5d0565fe7a7dacd-1792x1024.png?fit=max&auto=format" alt="Cracking the Code: Mastering Algorithmic Problem Solving for Technical Success" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="p-4 flex flex-col flex-1"><div class="flex flex-wrap gap-1.5 mb-2"><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">Problem Solving</span><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">coding challenge</span><span class="px-2 py-0.5 text-[10px] font-medium bg-slate-100 dark:bg-slate-700/60 text-slate-500 dark:text-slate-300 rounded-full">+<!-- -->3</span></div><h3 class="font-serif text-lg leading-snug font-semibold text-slate-900 dark:text-white mb-1.5 group-hover:text-brand dark:group-hover:text-brand-light transition-colors line-clamp-2">Cracking the Code: Mastering Algorithmic Problem Solving for Technical Success</h3><p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed line-clamp-2 flex-1">INTRODUCTION: 13Algorithmic problem-solving is the backbone of software development and the core skill of aspiring programmers. Whether youâre preparing for a technical interview or looking to improve your coding abilities, mastering common coding chal...</p><div class="mt-3 pt-3 border-t border-slate-100 dark:border-slate-700/60 flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400"><span aria-hidden="true" class="w-4 h-px bg-accent-dark/60 dark:bg-accent-light/60"></span><time dateTime="2023-09-14T17:11:55.874Z">Sep 14, 2023</time></div></div></article></a></div><div style="opacity:0;transform:translateY(20px)"><a class="block group" href="/blog/unlocking-career-success-crafting-an-seo-optimized-it-resume-that-grabs-employers-attention"><article class="rounded-2xl overflow-hidden border border-slate-200/80 dark:border-slate-700/60 bg-white dark:bg-surface-dark-elevated shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 h-full flex flex-col"><div class="relative aspect-[16/9] overflow-hidden"><img src="https://cdn.sanity.io/images/4aqggxzc/production/0c4cddf11c1421dc4882b92085c41c0b0e0abd91-1792x1024.png?fit=max&auto=format" alt="Unlocking Career Success: Crafting an SEO-Optimized IT Resume That Grabs Employers' Attention" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="p-4 flex flex-col flex-1"><div class="flex flex-wrap gap-1.5 mb-2"><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">resume writing</span><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">Resume Templates</span><span class="px-2 py-0.5 text-[10px] font-medium bg-slate-100 dar
13k:bg-slate-700/60 text-slate-500 dark:text-slate-300 rounded-full">+<!-- -->3</span></div><h3 class="font-serif text-lg leading-snug font-semibold text-slate-900 dark:text-white mb-1.5 group-hover:text-brand dark:group-hover:text-brand-light transition-colors line-clamp-2">Unlocking Career Success: Crafting an SEO-Optimized IT Resume That Grabs Employers' Attention</h3><p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed line-clamp-2 flex-1">INTRODUCTION: 14In todayâs digital age, the job search process has evolved into a complex online process, where your resume needs to stand out in terms of recruitment and planning of automated varieties. This blog is your guide to creating an SEO-optim...</p><div class="mt-3 pt-3 border-t border-slate-100 dark:border-slate-700/60 flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400"><span aria-hidden="true" class="w-4 h-px bg-accent-dark/60 dark:bg-accent-light/60"></span><time dateTime="2023-09-13T09:55:57.092Z">Sep 13, 2023</time></div></div></article></a></div><div style="opacity:0;transform:translateY(20px)"><a class="block group" href="/blog/mastering-color-psychology-in-web-design-a-guide-to-choosing-the-perfect-palette"><article class="rounded-2xl overflow-hidden border border-slate-200/80 dark:border-slate-700/60 bg-white dark:bg-surface-dark-elevated shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 h-full flex flex-col"><div class="relative aspect-[16/9] overflow-hidden"><img src="https://cdn.sanity.io/images/4aqggxzc/production/84f7c12891479c58b84959d2bebfebaa2a6e5cff-1792x1024.png?fit=max&auto=format" alt="Mastering Color Psychology in Web Design: A Guide to Choosing the Perfect Palette" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="p-4 flex flex-col flex-1"><div class="flex flex-wrap gap-1.5 mb-2"><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">webdesign</span><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">colour psychology</span><span class="px-2 py-0.5 text-[10px] font-medium bg-slate-100 dark:bg-slate-700/60 text-slate-500 dark:text-slate-300 rounded-full">+<!-- -->3</span></div><h3 class="font-serif text-lg leading-snug font-semibold text-slate-900 dark:text-white mb-1.5 group-hover:text-brand dark:group-hover:text-brand-light transition-colors line-clamp-2">Mastering Color Psychology in Web Design: A Guide to Choosing the Perfect Palette</h3><p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed line-clamp-2 flex-1">INTRODUCTION: 15In the world of web design, colors arenât just visual elements; They are powerful tools that can evoke emotions, deliver messages, and inform user experiences. Understanding the concept of color is essential to choosing the right colors...</p><div class="mt-3 pt-3 border-t border-slate-100 dark:border-slate-700/60 flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400"><span aria-hidden="true" class="w-4 h-px bg-accent-dark/60 dark:bg-accent-light/60"></span><time dateTime="2023-09-11T15:50:34.808Z">Sep 11, 2023</time></div></div></article></a></div><div style="opacity:0;transform:translateY(20px)"><a class="block group" href="/blog/agile-vs-waterfall-which-development-methodology-is-right-for-your-project"><article class="rounded-2xl overflow-hidden border border-slate-200/80 dark:border-slate-700/60 bg-white dark:bg-surface-dark-elevated shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 h-full flex flex-col"><div class="relative aspect-[16/9] overflow-hidden"><img src="https://cdn.sanity.io/images/4aqggxzc/production/8fbbee98ac0dc83e33a1f01940062765d24911c2-1792x1024.png?fit=max&auto=format" alt="Agile vs Waterfall: Which Development Methodology Is Right for Your Project?" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="p-4 flex flex-col flex-1"><div class="flex flex-wrap gap-1.5 mb-2"><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">agile development</span><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">agilevswaterfallsdlc</span><span class="px-2 py-0.5 text-[10px] font-medium bg-slate-100 dar
15k:bg-slate-700/60 text-slate-500 dark:text-slate-300 rounded-full">+<!-- -->3</span></div><h3 class="font-serif text-lg leading-snug font-semibold text-slate-900 dark:text-white mb-1.5 group-hover:text-brand dark:group-hover:text-brand-light transition-colors line-clamp-2">Agile vs Waterfall: Which Development Methodology Is Right for Your Project?</h3><p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed line-clamp-2 flex-1">INTRODUCTION: 16Choosing the right development path is essential for the success of any software project. Two widely used methodologies in software development are Agile and Waterfall. In this blog, weâll explore the key differences between these metho...</p><div class="mt-3 pt-3 border-t border-slate-100 dark:border-slate-700/60 flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400"><span aria-hidden="true" class="w-4 h-px bg-accent-dark/60 dark:bg-accent-light/60"></span><time dateTime="2023-09-07T11:05:53.430Z">Sep 7, 2023</time></div></div></article></a></div><div style="opacity:0;transform:translateY(20px)"><a class="block group" href="/blog/javascripts-evolution-a-deep-dive-from-es5-to-es2022"><article class="rounded-2xl overflow-hidden border border-slate-200/80 dark:border-slate-700/60 bg-white dark:bg-surface-dark-elevated shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 h-full flex flex-col"><div class="relative aspect-[16/9] overflow-hidden"><img src="https://cdn.sanity.io/images/4aqggxzc/production/1da5868c0efe1fca36d80c9df3517808e6c2c55a-1792x1024.png?fit=max&auto=format" alt="JavaScript's Evolution: A Deep Dive from ES5 to ES2022" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="p-4 flex flex-col flex-1"><div class="flex flex-wrap gap-1.5 mb-2"><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">JavaScript</span><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">Java</span><span class="px-2 py-0.5 text-[10px] font-medium bg-slate-100 dark:bg-slate-700/60 text-slate-500 dark:text-slate-300 rounded-full">+<!-- -->3</span></div><h3 class="font-serif text-lg leading-snug font-semibold text-slate-900 dark:text-white mb-1.5 group-hover:text-brand dark:group-hover:text-brand-light transition-colors line-clamp-2">JavaScript's Evolution: A Deep Dive from ES5 to ES2022</h3><p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed line-clamp-2 flex-1">INTRODUCTION: 17JavaScript, the ubiquitous programming language of the web, has evolved dramatically over the years. From humble beginnings to the latest features introduced in ECMAScript 2022 (ES2022), this blog will take you on a journey through the ...</p><div class="mt-3 pt-3 border-t border-slate-100 dark:border-slate-700/60 flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400"><span aria-hidden="true" class="w-4 h-px bg-accent-dark/60 dark:bg-accent-light/60"></span><time dateTime="2023-09-06T10:19:07.897Z">Sep 6, 2023</time></div></div></article></a></div><div style="opacity:0;transform:translateY(20px)"><a class="block group" href="/blog/mastering-sql-basics-your-gateway-to-data-driven-success"><article class="rounded-2xl overflow-hidden border border-slate-200/80 dark:border-slate-700/60 bg-white dark:bg-surface-dark-elevated shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 h-full flex flex-col"><div class="relative aspect-[16/9] overflow-hidden"><img src="https://cdn.sanity.io/images/4aqggxzc/production/af9e4272cc1e56fcb0aa20a39a992e85af65e29e-1600x1067.jpg?fit=max&auto=format" alt="Mastering SQL Basics: Your Gateway to Data-Driven Success" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="p-4 flex flex-col flex-1"><div class="flex flex-wrap gap-1.5 mb-2"><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">SQL</span><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">#SQL-basic</span><span class="px-2 py-0.5 text-[10px] font-medium bg-slate-100 dar
17k:bg-slate-700/60 text-slate-500 dark:text-slate-300 rounded-full">+<!-- -->3</span></div><h3 class="font-serif text-lg leading-snug font-semibold text-slate-900 dark:text-white mb-1.5 group-hover:text-brand dark:group-hover:text-brand-light transition-colors line-clamp-2">Mastering SQL Basics: Your Gateway to Data-Driven Success</h3><p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed line-clamp-2 flex-1">INTRODUCTION: 18In the vast data management environment, the relational database stands as the foundation upon which countless applications and systems are built. These databases rely on a structured query language, commonly called SQL (Structured Quer...</p><div class="mt-3 pt-3 border-t border-slate-100 dark:border-slate-700/60 flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400"><span aria-hidden="true" class="w-4 h-px bg-accent-dark/60 dark:bg-accent-light/60"></span><time dateTime="2023-09-02T17:42:48.027Z">Sep 2, 2023</time></div></div></article></a></div><div style="opacity:0;transform:translateY(20px)"><a class="block group" href="/blog/5-reasons-you-should-build-your-app-with-flutter"><article class="rounded-2xl overflow-hidden border border-slate-200/80 dark:border-slate-700/60 bg-white dark:bg-surface-dark-elevated shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 h-full flex flex-col"><div class="relative aspect-[16/9] overflow-hidden"><img src="https://cdn.sanity.io/images/4aqggxzc/production/00730b98dabd7ec0dace4f508c4e08936da88c18-1600x1060.jpg?fit=max&auto=format" alt="5 Reasons You Should Build Your App with Flutter" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="p-4 flex flex-col flex-1"><div class="flex flex-wrap gap-1.5 mb-2"><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">Flutter</span><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">app development</span><span class="px-2 py-0.5 text-[10px] font-medium bg-slate-100 dark:bg-slate-700/60 text-slate-500 dark:text-slate-300 rounded-full">+<!-- -->3</span></div><h3 class="font-serif text-lg leading-snug font-semibold text-slate-900 dark:text-white mb-1.5 group-hover:text-brand dark:group-hover:text-brand-light transition-colors line-clamp-2">5 Reasons You Should Build Your App with Flutter</h3><p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed line-clamp-2 flex-1">INTRODUCTION : 19It's no surprise that Flutter is becoming one of the most popular cross-platform development tools. It provides apps with a full-featured mobile framework thatâs easy to use, yet powerful enough to build apps for Android and iOS. 20But w...</p><div class="mt-3 pt-3 border-t border-slate-100 dark:border-slate-700/60 flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400"><span aria-hidden="true" class="w-4 h-px bg-accent-dark/60 dark:bg-accent-light/60"></span><time dateTime="2023-09-02T09:27:38.295Z">Sep 2, 2023</time></div></div></article></a></div><div style="opacity:0;transform:translateY(20px)"><a class="block group" href="/blog/revolutionizing-user-interfaces-with-css-grid-and-flexbox"><article class="rounded-2xl overflow-hidden border border-slate-200/80 dark:border-slate-700/60 bg-white dark:bg-surface-dark-elevated shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 h-full flex flex-col"><div class="relative aspect-[16/9] overflow-hidden"><img src="https://cdn.sanity.io/images/4aqggxzc/production/8b53b42282dc59b53605037eb78c0411dce5158a-1600x1067.jpg?fit=max&auto=format" alt="Revolutionizing User Interfaces with CSS Grid and Flexbox" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="p-4 flex flex-col flex-1"><div class="flex flex-wrap gap-1.5 mb-2"><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">CSS Grid</span><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">CSS</span><span class="px-2 py-0.5 text-[10px] font-medium bg-slate-100 dar
20k:bg-slate-700/60 text-slate-500 dark:text-slate-300 rounded-full">+<!-- -->3</span></div><h3 class="font-serif text-lg leading-snug font-semibold text-slate-900 dark:text-white mb-1.5 group-hover:text-brand dark:group-hover:text-brand-light transition-colors line-clamp-2">Revolutionizing User Interfaces with CSS Grid and Flexbox</h3><p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed line-clamp-2 flex-1">In the ever-evolving world of web development, responsive design has become an essential part of creating user-friendly, user-friendly websites. Two powerful web design tools intuitive and functional, CSS Grid and Flexbox, have emerged as key feature...</p><div class="mt-3 pt-3 border-t border-slate-100 dark:border-slate-700/60 flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400"><span aria-hidden="true" class="w-4 h-px bg-accent-dark/60 dark:bg-accent-light/60"></span><time dateTime="2023-08-31T14:33:12.419Z">Aug 31, 2023</time></div></div></article></a></div><div style="opacity:0;transform:translateY(20px)"><a class="block group" href="/blog/building-your-first-app-with-flutter-a-step-to-step-guide"><article class="rounded-2xl overflow-hidden border border-slate-200/80 dark:border-slate-700/60 bg-white dark:bg-surface-dark-elevated shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 h-full flex flex-col"><div class="relative aspect-[16/9] overflow-hidden"><img src="https://cdn.sanity.io/images/4aqggxzc/production/c26576f1139b6308f74564a7b8c712078be65103-2386x1342.jpg?fit=max&auto=format" alt="Building Your First App with Flutter: A Step-to-Step Guide" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="p-4 flex flex-col flex-1"><div class="flex flex-wrap gap-1.5 mb-2"><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">Flutter</span><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">Flutter App Development</span></div><h3 class="font-serif text-lg leading-snug font-semibold text-slate-900 dark:text-white mb-1.5 group-hover:text-brand dark:group-hover:text-brand-light transition-colors line-clamp-2">Building Your First App with Flutter: A Step-to-Step Guide</h3><p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed line-clamp-2 flex-1">Flutter is a powerful framework for building beautiful and fast mobile apps for iOS and Android. In this guide, we'll walk you through the steps to build your first app with Flutter. 21Step 1: Set up your development environment 22Before we start buildin...</p><div class="mt-3 pt-3 border-t border-slate-100 dark:border-slate-700/60 flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400"><span aria-hidden="true" class="w-4 h-px bg-accent-dark/60 dark:bg-accent-light/60"></span><time dateTime="2023-03-24T15:12:20.547Z">Mar 24, 2023</time></div></div></article></a></div><div style="opacity:0;transform:translateY(20px)"><a class="block group" href="/blog/cross-platform-mobile-development-best-practices-and-tips"><article class="rounded-2xl overflow-hidden border border-slate-200/80 dark:border-slate-700/60 bg-white dark:bg-surface-dark-elevated shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 h-full flex flex-col"><div class="relative aspect-[16/9] overflow-hidden"><img src="https://cdn.sanity.io/images/4aqggxzc/production/45613f4b4055f8041b4997a66f54eb26573d4b34-1600x1067.jpg?fit=max&
22auto=format" alt="Cross-Platform Mobile Development: Best Practices and Tips" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="p-4 flex flex-col flex-1"><div class="flex flex-wrap gap-1.5 mb-2"><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">Flutter</span><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">React Native</span><span class="px-2 py-0.5 text-[10px] font-medium bg-slate-100 dark:bg-slate-700/60 text-slate-500 dark:text-slate-300 rounded-full">+<!-- -->3</span></div><h3 class="font-serif text-lg leading-snug font-semibold text-slate-900 dark:text-white mb-1.5 group-hover:text-brand dark:group-hover:text-brand-light transition-colors line-clamp-2">
22Cross-Platform Mobile Development: Best Practices and Tips</h3><p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed line-clamp-2 flex-1">Mobile app development has come a long way since the first iPhone was released in 2007. Today, there are over 2.7 billion smartphone users worldwide, and mobile apps have become an essential part of our daily lives. As a mobile app developer, it's im...</p><div class="mt-3 pt-3 border-t border-slate-100 dark:border-slate-700/60 flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400"><span aria-hidden="true" class="w-4 h-px bg-accent-dark/60 dark:bg-accent-light/60"></span><time dateTime="2023-03-06T10:29:12.959Z">Mar 6, 2023</time></div></div></article></a></div><div style="opacity:0;transform:translateY(20px)"><a class="block group" href="/blog/best-practices-for-front-end-web-development"><article class="rounded-2xl overflow-hidden border border-slate-200/80 dark:border-slate-700/60 bg-white dark:bg-surface-dark-elevated shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 h-full flex flex-col"><div class="relative aspect-[16/9] overflow-hidden"><img src="https://cdn.sanity.io/images/4aqggxzc/production/f0075bcd6161eecbac66a30492a7f0a08c16c1aa-1600x1066.jpg?fit=max&auto=format" alt="Best practices for front-end web development" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="p-4 flex flex-col flex-1"><div class="flex flex-wrap gap-1.5 mb-2"><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">best practices</span><span class="px-2 py-0.5 text-[10px] font-medium bg-brand/10 dark:bg-brand-light/10 text-brand dark:text-brand-light rounded-full">Frontend Development</span><span class="px-2 py-0.5 text-[10px] font-medium bg-slate-100 dark:bg-slate-700/60 text-slate-500 dark:text-slate-300 rounded-full">+<!-- -->3</span></div><h3 class="font-serif text-lg leading-snug font-semibold text-slate-900 dark:text-white mb-1.5 group-hover:text-brand dark:group-hover:text-brand-light transition-colors line-clamp-2">Best practices for front-end web development</h3><p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed line-clamp-2 flex-1">Front-end web development is the process of building a website's user interface and functionality using HTML, CSS, and JavaScript. It's an essential part of website development that directly impacts the user experience. As a front-end developer, you ...</p><div class="mt-3 pt-3 border-t border-slate-100 dark:border-slate-700/60 flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400"><span aria-hidden="true" class="w-4 h-px bg-accent-dark/60 dark:bg-accent-light/60"></span><time dateTime="2023-03-06T06:51:08.115Z">Mar 6, 2023</time></div></div></article></a></div></div></div></div></main><!--$--><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$-->
22<script src="/_next/static/chunks/webpack-5693092ce0703709.js" id="_R_" async=""></script>
22<script>(self.__next_f=self.__next_f||[]).push([0])</script>
22<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[9766,[],\"\"]\n3:I[50960,[\"844\",\"static/chunks/ee560e2c-d6689966fded2ffe.js\",\"2619\",\"static/chunks/2619-04bc32f026a0d946.js\",\"4486\",\"static/chunks/4486-77f84ead92d31bd0.js\",\"8039\",\"static/chunks/app/error-1bf653c2d6b8a9ce.js\"],\"default\"]\n4:I[98924,[],\"\"]\n5:I[33486,[\"844\",\"static/chunks/ee560e2c-d6689966fded2ffe.js\",\"2619\",\"static/chunks/2619-04bc32f026a0d946.js\",\"4486\",\"static/chunks/4486-77f84ead92d31bd0.js\",\"4345\",\"static/chunks/app/not-found-06cd90f93dc2a554.js\"],\"default\"]\n6:I[68955,[\"7177\",\"static/chunks/app/layout-9773cc51a2cd8e1d.js\"],\"Analytics\"]\n8:I[24431,[],\"OutletBoundary\"]\na:I[15278,[],\"AsyncMetadataOutlet\"]\nc:I[24431,[],\"ViewportBoundary\"]\ne:I[24431,[],\"MetadataBoundary\"]\nf:\"$Sreact.suspense\"\n11:I[54062,[\"844\",\"static/chunks/ee560e2c-d6689966fded2ffe.js\",\"2619\",\"static/chunks/2619-04bc32f026a0d946.js\",\"4219\",\"static/chunks/app/global-error-5a3b805665616868.js\"],\"default\"]\n:HL[\"/_next/static/media/26d0ba92e140f0dc-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/6ba5f591ae6c56f6-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/af4bf8399d1aacdf-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2b960dbca2b6015e.css\",\"style\"]\n:HL[\"/_next/static/css/59da7f3e1c4954a5.css\",\"style\"]\n:HL[\"/_next/static/css/27ccb167704252c3.css\",\"style\"]\n:HL[\"/_next/static/css/45bd226ec31328e1.css\",\"style\"]\n"])</script>
22<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"XORPAyzzLQIIcGhTKPD4y\",\"p\":\"\",\"c\":[\"\",\"blog\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"blog\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2b960dbca2b6015e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/59da7f3e1c4954a5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/27ccb167704252c3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/45bd226ec31328e1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_b6819f __variable_be5b54 __variable_b8b015 __variable_2ef948\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"httpEquiv\":\"origin-trial\",\"content\":\"AzDVth/jSMt7JAEIkzOI9TypJ1cvX0FloIxEmUXsWN47wOsaSklRToBrlBTL/SxK/y22amwuFlOFjFqAYrvqXwYAAAB5eyJvcmlnaW4iOiJodHRwczovL3lvdWhhbmFzaGVyaWZmLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViTUNQIiwiZXhwaXJ5IjoxNzk0ODczNjAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==\"}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"(() =\u003e {\\n try {\\n const stored = localStorage.getItem('theme');\\n const shouldUseDark = stored ? stored === 'dark' : false;\\n const root = document.documentElement;\\n if (shouldUseDark) {\\n root.classList.add('dark');\\n } else {\\n root.classList.remove('dark');\\n }\\n } catch {}\\n})();\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Person\\\",\\\"name\\\":\\\"Youhana Sheriff\\\",\\\"jobTitle\\\":\\\"AI Systems Engineer | Edge AI \u0026 LLM Systems | Senior Software Engineer at Mako IT Lab\\\",\\\"description\\\":\\\"AI Systems Engineer focused on Edge AI and LLM systems, and Senior Software Engineer at Mako IT Lab.\\\",\\\"url\\\":\\\"https://youhanasheriff.com\\\",\\\"sameAs\\\":[\\\"https://www.linkedin.com/in/youhanasheriff\\\",\\\"https://x.com/youhanasheriff\\\",\\\"https://github.com/youhanasheriff\\\"]}\"}}]]}],[\"$\",\"body\",null,{\"className\":\"min-h-screen bg-cream font-sans antialiased transition-colors duration-300\",\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$3\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L5\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L6\",null,{}]]}]]}]]}],{\"children\":[\"blog\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$L7\",null,[\"$\",\"$L8\",null,{\"children\":[\"$L9\",[\"$\",\"$La\",null,{\"promise\":\"$@b\"}]]}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$Le\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$f\",null,{\"fallback\":null,\"children\":\"$L10\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",[]],\"s\":false,\"S\":true}\n"])</script>
22<script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n9:null\n"])</script>
22<script>self.__next_f.push([1,"12:I[80622,[],\"IconMark\"]\n"])</script>
22<script>self.__next_f.push([1,"b:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Blog | Youhana Sheriff\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Articles, tutorials, and insights on software development, technology, and more by Youhana Sheriff.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Youhana Sheriff\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"AI Systems Engineer,Applied AI Engineer,Edge AI,Edge AI Engineer,Voice AI Engineer,Multimodal AI Engineer,Agentic AI,RAG Systems,Embedded AI,On-Device AI,On-device inference,LLM Integration,RAG Pipeline,YOLO,LoRA Fine-tuning,Quantization,llama.cpp,MLX,Claude API,Gemini API,Vector Search,LLM Agents,TypeScript,Python,Flutter,React,Next.js,Forward Deployed Engineer,Founding Engineer\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"Blog | Youhana Sheriff\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"Articles, tutorials, and insights on software development, technology, and more.\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"7\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"8\",{\"name\":\"twitter:title\",\"content\":\"Youhana Sheriff | AI Systems Engineer | Edge AI \u0026 LLM Systems\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:description\",\"content\":\"AI Systems Engineer focused on Edge AI and LLM systems, and Senior Software Engineer at Mako IT Lab.\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:image\",\"content\":\"https://youhanasheriff.com/profile.png\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:image:height\",\"content\":\"627\"}],[\"$\",\"link\",\"13\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"$L12\",\"14\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
22<script>self.__next_f.push([1,"10:\"$b:metadata\"\n"])</script>
22<script>self.__next_f.push([1,"13:I[97415,[\"844\",\"static/chunks/ee560e2c-d6689966fded2ffe.js\",\"2619\",\"static/chunks/2619-04bc32f026a0d946.js\",\"7878\",\"static/chunks/7878-5e8f32dd86f5b0cc.js\",\"2513\",\"static/chunks/2513-a6b67bc249ea8479.js\",\"4486\",\"static/chunks/4486-77f84ead92d31bd0.js\",\"3276\",\"static/chunks/3276-a28155efaf80d7e1.js\",\"3809\",\"static/chunks/3809-cb64bcae6198871a.js\",\"6065\",\"static/chunks/6065-bab3619554659bf0.js\",\"6071\",\"static/chunks/6071-5a2c3c85af525fb0.js\",\"3831\",\"static/chunks/app/blog/page-86e2cf8ad70a3f15.js\"],\"default\"]\n14:I[51273,[\"844\",\"static/chunks/ee560e2c-d6689966fded2ffe.js\",\"2619\",\"static/chunks/2619-04bc32f026a0d946.js\",\"7878\",\"static/chunks/7878-5e8f32dd86f5b0cc.js\",\"2513\",\"static/chunks/2513-a6b67bc249ea8479.js\",\"4486\",\"static/chunks/4486-77f84ead92d31bd0.js\",\"3276\",\"static/chunks/3276-a28155efaf80d7e1.js\",\"3809\",\"static/chunks/3809-cb64bcae6198871a.js\",\"6065\",\"static/chunks/6065-bab3619554659bf0.js\",\"6071\",\"static/chunks/6071-5a2c3c85af525fb0.js\",\"3831\",\"static/chunks/app/blog/page-86e2cf8ad70a3f15.js\"],\"default\"]\n15:T1b79,"])</script>
22<script>self.__next_f.push([1,"Look, I need to tell you something that took me way too long to figure out.\n\nFor years, I thought the path to becoming a great developer was simple. Learn more technologies, write better code, ship faster. That's it. That's the formula. And for a while, it worked. I got better at the technical stuff. I picked up frameworks, built projects, landed roles, grew in my career. From the outside, things were going well.\n\nBut I was missing the bigger picture entirely.\n\n---\n\n## The thing nobody warned me about\n\nI wasn't always a quiet person. Back in school, I was that kid. Active, talkative, always in the middle of things. But somewhere between high school and college, something shifted. I became reserved. I stopped speaking up. I'd have ideas in my head, clear as day to me, but when I tried to explain them out loud? Nothing came out right. It was like there was a wall between what I was thinking and what I was actually saying.\n\nAnd I just accepted it. I told myself it didn't matter. I'm a developer, right? My code speaks for me. My work speaks for me. I don't need to be a great communicator. I just need to be a great coder.\n\nSo that's what I focused on. Technical skills. Frameworks. Problem-solving. And yeah, I got better at all of that. But my communication? It stayed exactly where I left it. Somewhere back in high school, collecting dust.\n\n---\n\n## The conversation that changed things\n\nSomeone I deeply respect sat me down one day and said something that genuinely shook me. They pointed out that I'd invested years into my technical growth but had completely ignored personal development. Specifically, communication. And the thing that hit hardest was realizing they were right. I had treated communication like it was optional. Like it was a soft skill that didn't really count.\n\nBut here's what I didn't understand back then. Communication isn't a soft skill. It's the skill that makes every other skill actually useful.\n\nThink about it. You can write the most elegant code in the world, but if you can't explain your approach in a PR review, it doesn't land. You can architect a brilliant solution, but if you can't pitch it in a meeting, someone else's worse idea wins. You can spot the exact bug in production, but if you can't describe what's happening clearly to your team, you're just the person who \"thinks they found something.\"\n\nI had to learn all of this the hard way.\n\n---\n\n## Then AI made it impossible to ignore\n\nHere's where this gets interesting for us as developers right now.\n\nI used to think prompting AI was a technical skill. Like there's some magic syntax or secret framework that makes Claude or Copilot or Cursor just *get it*. I spent hours tweaking prompts, adding constraints, formatting things in bullet points. The whole circus.\n\nAnd some of that helps. But the real breakthrough had nothing to do with prompting techniques. It had everything to do with how clearly I communicate as a person.\n\nA few weeks ago, I was building a feature and wrote what I thought was a solid prompt. Gave the AI all the context. Described exactly what I wanted. It came back with something that technically worked but completely missed the point. It solved a different problem. One I never asked it to solve.\n\nMy first reaction? Classic \"this AI is dumb\" energy. But then I re-read my own prompt. And I could see exactly why it went sideways.\n\nI told the AI *what to build*. I never told it *why* I was building it.\n\n---\n\n## Goals vs. tasks. The shift that changes everything.\n\n\n\nI was watching a Theo (t3.gg) video recently where he talked about this exact distinction. He shared a story about prompting an AI to build a chess engine that could beat Stockfish. The AI, instead of writing its own engine, just downloaded Stockfish and made it play against itself.\n\nTechnically, it followed the instructions. But it completely missed the *goal*.\n\nThe fix was simple. Instead of describing the task, he reframed it to share the actual goal. Same words, almost. Totally different outcome.\n\nI started applying this everywhere. Not just with AI, but with people too. When I tell a colleague \"can you refactor this component,\" that's a task. But when I say \"this component is getting hard to maintain and I'm worried it'll slow us down next sprint, can you simplify it?\" That's a goal with context. The output you get from both is night and day.\n\nAnd that's the thing. AI doesn't fill in your gaps. Humans are generous. Your teammate hears \"fixed the bug\" and their brain fills in the context from Slack threads and standups and shared understanding. AI takes your words at face value. Every gap in your communication becomes a bug in your output.\n\nThis isn't an AI problem. This is an us problem. AI just made it visible.\n\n---\n\n## Communication is the skill with no expiry date\n\n\n\nEvery technical skill we learn has a shelf life. Frameworks change. Languages evolve. The hot tool today is legacy tomorrow. I've watched it happen with jQuery, with Angular 1, with class components in React. The thing you mastered last year might not matter next year.\n\nBut communication compounds forever.\n\nGetting better at explaining your ideas clearly doesn't just help you write better prompts. It makes your code reviews sharper. Your technical docs more useful. Your standups less painful. Your one-on-ones more productive. Your relationships, at work and outside of it, stronger.\n\nI wish someone had told me this when I was in college, sitting quietly in the back of the room, convincing myself that being reserved was fine because my code would do the talking. Code doesn't talk. You do.\n\n---\n\n## Something you can try today\n\nNext time you're about to prompt an AI agent, try this before you hit enter. Read your prompt back and ask yourself. If I gave this exact message to a smart junior developer with zero context about my project, would they build the right thing? Or would they build something that matches my words but misses what I actually need?\n\nIf the answer is \"they'd probably miss it,\" you haven't communicated clearly enough yet. And that's not their fault.\n\nThe devs who are going to win in this AI era aren't going to be the ones who write the best code. They're going to be the ones who communicate the best. The ones who can describe a problem so clearly that any agent, whether that's a human or an AI, can run with it and nail the goal.\n\nThat's the edge. Not a new framework. Not a fancier model. Just the ability to say what you actually mean.\n\n---\n\n*Get good at comms. It won't just make you a better engineer. It'll make you a better everything.*"])</script>
22<script>self.__next_f.push([1,"16:T219b,"])</script>
22<script>self.__next_f.push([1,"## INTRODUCTION\n\nAI agents are getting smarter â but they still have the memory of a goldfish. Most LLM agents process each conversation from scratch, losing valuable context, decisions, and learnings from previous sessions. The result? Repetitive interactions, wasted tokens, and agents that never truly learn.\n\nThat's the problem **SimpleMem** solves. It's an efficient lifelong memory framework for LLM agents, built on semantic lossless compression. And I've published a TypeScript implementation on npm as **@sheriax/simplemem** â bringing this powerful memory system to the JavaScript/Node.js ecosystem.\n\nIn this post, I'll break down what SimpleMem does, how it works under the hood, and how you can integrate it into your own AI-powered applications.\n\n---\n\n## The Problem: LLM Agents Have No Long-Term Memory\n\nLarge Language Models are incredible at reasoning within a single conversation. But the moment that conversation ends, everything is lost. Existing approaches to \"memory\" for LLM agents fall into two camps â and both have serious problems:\n\n1. **Full-context stuffing** â Dump the entire conversation history into the prompt. This works for short histories, but quickly becomes unusable as token costs explode and context windows overflow.\n\n2. **Passive accumulation** â Store every interaction and retrieve relevant pieces later. This leads to massive redundancy, irrelevant retrievals, and slow lookup times.\n\nWhat's needed is a system that:\n- **Compresses** interactions into compact, meaningful memory units\n- **Synthesizes** related information to eliminate redundancy\n- **Retrieves** precisely what's needed based on query intent\n\nThat's exactly what SimpleMem does.\n\n---\n\n## How SimpleMem Works: The Three-Stage Pipeline\n\nSimpleMem uses a three-stage pipeline based on semantic lossless compression. Each stage is designed to maximize information density while minimizing token usage.\n\n\n\n### Stage 1: Semantic Structured Compression\n\nRaw dialogue is messy â full of filler, ambiguity, and relative references. SimpleMem's first stage filters this noise and transforms useful information into compact, self-contained memory units.\n\n**Before:**\n```\n\"He'll meet Bob tomorrow at 2pm\"\n// â Who is \"he\"? When is \"tomorrow\"? Where?\n```\n\n**After:**\n```\n\"Alice will meet Bob at Starbucks on 2025-11-16T14:00:00\"\n// â
Absolute, atomic, self-contained\n```\n\nEach memory unit is then indexed through three complementary representations â semantic, lexical, and symbolic â enabling flexible, multi-view retrieval later.\n\n### Stage 2: Online Semantic Synthesis\n\nUnlike traditional systems that run background maintenance jobs, SimpleMem synthesizes related memory units on-the-fly during the write phase. This means redundant or overlapping information is merged immediately, keeping the memory store compact.\n\n**Example:**\n```\nFragment 1: \"User wants coffee\"\nFragment 2: \"User prefers oat milk\"\nFragment 3: \"User likes it hot\"\n\nâ Consolidated: \"User prefers hot coffee with oat milk\"\n```\n\nThis proactive synthesis prevents memory bloat and ensures the topology stays clean without any external maintenance processes.\n\n### Stage 3: Intent-Aware Retrieval Planning\n\nThis is where SimpleMem really shines. Instead of fixed-depth retrieval (which either misses information or returns too much), SimpleMem leverages the LLM's reasoning capabilities to generate a retrieval plan based on query intent.\n\nFor **simple queries** (e.g., \"What's Alice's phone number?\"), it does a direct fact lookup with minimal retrieval depth. For **complex queries** (e.g., \"Summarize all meetings Alice had this month\"), it expands retrieval depth and aggregates across multiple memory units.\n\nThe system executes parallel multi-view retrieval across semantic, lexical, and symbolic indexes, then deduplicates results by ID â giving you comprehensive coverage without redundant tokens.\n\n---\n\n## Performance: The Numbers Speak\n\nSimpleMem doesn't just have an elegant architecture â it delivers real results.\n\n\n\nOn the **LoCoMo benchmark** (using GPT-4.1-mini):\n\n| Metric | SimpleMem | Mem0 | LightMem | A-Mem |\n|--------|-----------|------|----------|-------|\n| **F1 Score** | **43.24%** | 34.2% | 24.6% | ~33% |\n| **Retrieval Speed** | **388.3s** | 797.4s | 577.2s | â |\n| **Total Processing** | **480.9s** | â | â | 6,000s+ |\n| **Token Usage** | **~550** | ~16,500 | ~855 | ~16,500 |\n\nKey takeaways:\n- **26.4% higher F1 score** than Mem0\n- **51.3% faster retrieval** than Mem0\n- **30Ã fewer tokens** than full-context methods\n- **12.5Ã faster end-to-e
22nd** than A-Mem\n\nSimpleMem achieves the ideal position: **highest performance with lowest token cost**.\n\n---\n\n## Cross-Session Memory\n\nOne of SimpleMem's most powerful features is cross-session memory â the ability to maintain context, decisions, and learnings across multiple conversations. This outperforms Claude-Mem by 64% on the LoCoMo benchmark.\n\n```typescript\nimport { SimpleMem } from '@sheriax/simplemem';\n\nconst mem = new SimpleMem({\n provider: 'openai',\n model: 'gpt-4.1-mini',\n embeddingModel: 'text-embedding-3-small',\n});\n\n// Store a memory\nawait mem.store({\n content: 'User prefers TypeScript over JavaScript for all new projects',\n sessionId: 'session-001',\n userId: 'user-123',\n});\n\n// Retrieve relevant memories in a future session\nconst memories = await mem.retrieve({\n query: 'What programming language does the user prefer?',\n userId: 'user-123',\n topK: 5,\n});\n\nconsole.log(memories);\n// â [{ content: \"User prefers TypeScript over JavaScript...\", score: 0.94 }]\n```\n\nYour agents can now recall context from previous sessions automatically â no manual state management required.\n\n---\n\n## Integration: MCP Server\n\nSimpleMem also ships with an MCP (Model Context Protocol) server, making it compatible with AI platforms like Claude Desktop, Cursor, LM Studio, and Cherry Studio. This means you can add long-term memory to your coding AI or chat assistant without writing any integration code.\n\nThe cloud-hosted MCP server at **mcp.simplemem.cloud** handles all the heavy lifting â just configure your token and start using memory-aware AI interactions.\n\n---\n\n## Why I Built @sheriax/simplemem\n\nAs someone who builds AI-powered products (like Kizu and Drawink), I kept running into the same problem: my agents couldn't remember anything between sessions. Every conversation started from zero.\n\nI found the SimpleMem research paper and was impressed by the approach â semantic compression, online synthesis, and intent-aware retrieval is exactly the right way to solve long-term memory. But there wasn't a production-ready TypeScript implementation I could drop into my Node.js backends.\n\nSo I built one. **@sheriax/simplemem** brings the SimpleMem framework to the npm ecosystem, with full TypeScript types, vector search support, and embeddings integration out of the box. It's designed to be a drop-in addition to any Node.js or TypeScript AI application.\n\n---\n\n## Getting Started\n\nInstall the package:\n\n```bash\nnpm install @sheriax/simplemem\n```\n\nCheck out the full documentation and source code:\n\n- **GitHub:** [github.com/youhanasheriff/SimpleMemJs](https://github.com/youhanasheriff/SimpleMemJs)\n- **npm:** [npmjs.com/package/@sheriax/simplemem](https://www.npmjs.com/package/@sheriax/simplemem)\n- **SimpleMem Paper:** [arxiv.org/abs/2601.02553](https://arxiv.org/abs/2601.02553)\n- **Original Repo:** [github.com/aiming-lab/SimpleMem](https://github.com/aiming-lab/SimpleMem)\n\n---\n\n## CONCLUSION\n\nLong-term memory is the missing piece in most LLM agent architectures. Without it, agents are stuck relearning the same information every session, wasting tokens, and providing inconsistent experiences.\n\n**SimpleMem** solves this with an elegant three-stage pipeline â compress, synthesize, retrieve â that achieves the highest F1 score with 30Ã fewer tokens than full-context methods. And with **@sheriax/simplemem**, you can bring this capability to any TypeScript or Node.js project.\n\nIf you're building AI agents, chatbots, or any LLM-powered application that needs to remember, give SimpleMem a try. Your agents â and your users â will thank you.\n\n```bash\nnpm install @sheriax/simplemem\n```"])</script>
22<script>self.__next_f.push([1,"17:T1fcd,"])</script>
22<script>self.__next_f.push([1,"## INTRODUCTION\n\nBuilding a marketplace or platform app? If you've ever tried integrating Stripe Connect into a Flutter application, you know how painful it can be. There's no official Flutter SDK from Stripe for Connect embedded components, which means you're left stitching together native iOS and Android code, web bridges, and a lot of glue logic.\n\nThat's exactly why I built **flutter_stripe_connect** â an open-source Flutter plugin that lets you embed Stripe Connect components like Account Onboarding, Payments, Payouts, and more directly into your Flutter app, across iOS, Android, and Web, with just a few lines of code.\n\nIn this post, I'll walk you through what the package does, why I built it, and how you can start using it in your own projects.\n\n---\n\n## The Problem: Stripe Connect + Flutter = Pain\n\nStripe Connect is incredibly powerful. It allows platforms to onboard connected accounts, manage payouts, handle disputes, and more â all through pre-built UI components. But here's the catch: Stripe only provides native SDKs for iOS and Android separately, and a JavaScript-based Connect.js for Web.\n\nIf you're building a Flutter app that targets all three platforms, you're stuck dealing with:\n\n- **Platform channels** to communicate between Dart and native iOS/Android code\n- **Separate implementations** for each platform's Stripe SDK\n- **Web support** requiring an entirely different approach with Connect.js\n- **No unified API** across platforms\n\nThis fragmentation makes it incredibly time-consuming to integrate Stripe Connect into a Flutter app. I wanted a single, clean Dart API that \"just works\" across all platforms.\n\n---\n\n## The Solution: flutter_stripe_connect\n\n**flutter_stripe_connect** wraps all of this complexity into a simple Flutter plugin. Here's what it offers:\n\n### 13 Embedded Components\n\nThe plugin supports all 13 Stripe Connect embedded components:\n\n| Component | What It Does |\n|-----------|-------------|\n| Account Onboarding | Collect connected account information |\n| Account Management | Let accounts manage their settings |\n| Payments | Show payment history |\n| Payouts | Display payout history and status |\n| Balances | Show balance information |\n| Notification Banner | Display required compliance actions |\n| Documents | Show downloadable documents |\n| Tax Settings | Configure tax settings |\n| Tax Registrations | Manage tax registrations |\n| Disputes List | View and manage disputes |\n| Payment Details | Detailed payment information |\n| Payout Details | Detailed payout information |\n| Payouts List | Filterable list of payouts |\n\n### Three Rendering Modes\n\nOne of the unique features of this plugin is its flexible rendering approach:\n\n\n\n1. **Native SDK** â On iOS and Android, components like Account Onboarding, Payments, and Payouts use the platform-native Stripe SDK for the best performance and UX.\n\n2. **Connect.js (Web)** â On Flutter Web, the plugin uses Stripe's Connect.js library through `HtmlElementView`, embedding real Stripe components directly in the DOM.\n\n3. **WebView Mode** â For components that don't have native SDK support on mobile (like Tax Settings, Disputes, etc.), the plugin can render them via a self-hosted web app in a WebView. This means every single Stripe Connect component works on every platform.\n\n---\n\n## Getting Started in 3 Steps\n\n### Step 1: Install the Package\n\n```yaml\ndependencies:\n flutter_stripe_connect: ^0.3.7\n```\n\n### Step 2: Initialize the SDK\n\n```dart\nimport 'package:flutter_stripe_connect/flutter_stripe_connect.dart';\n\nvoid main() async {\n WidgetsFlutterBinding.ensureInitialized();\n \n await StripeConnect.instance.initialize(\n publishableKey: 'pk_test_...',\n clientSecretProvider: () async {\n // Fetch client secret from your server\n final response = await http.post(\n Uri.parse('https://your-server.com/create-account-session'),\n );\n return jsonDecode(response.body)['client_secret'];\n },\n );\n \n runApp(MyApp());\n}\n```\n\n### Step 3: Drop in a Component\n\n```dart\nStripeAccountOnboarding(\n onLoaded: () =\u003e print('Onboarding loaded'),\n onLoadError: (error) =\u003e print('Error: $error'),\n onExit: () =\u003e print('User exited onboarding'),\n)\n```\n\nThat's it. Three steps, and you've got a fully working Stripe Connect onboarding flow in your Flutter app. The plugin handles all the platform-specific details behind the scenes.\n\n---\n\n## Architecture Deep Dive\n\nFor those curious about how
22it works under the hood, the plugin uses a layered architecture:\n\n\n\n- **Public API Layer** â Platform-agnostic widgets that developers interact with. These use `kIsWeb` and `defaultTargetPlatform` to route to the correct implementation.\n\n- **Native Layer** â Uses `UiKitView` on iOS and `AndroidView` on Android to embed native Stripe SDK views. Communicates via `MethodChannel` for callbacks like `onLoaded`, `onExit`, and `onLoadError`.\n\n- **Web Layer** â Uses `HtmlElementView` with `dart:ui_web` platform view factories to embed Stripe Connect.js components directly in the browser DOM.\n\n- **WebView Layer** â Uses `webview_flutter` to load a self-hosted Next.js web app that renders Stripe Connect components. This is the fallback for components without native SDK support on mobile.\n\n- **Conditional Imports** â The plugin uses Dart's conditional imports (`if (dart.library.html)`) to ensure web-specific code never gets compiled into mobile builds, and vice versa.\n\n---\n\n## Customization\n\nThe plugin supports appearance customization through the `ConnectAppearance` class:\n\n```dart\nStripeAccountOnboarding(\n appearance: ConnectAppearance(\n fontFamily: 'Roboto',\n cornerRadius: 12.0,\n colors: ConnectColors(\n primary: '#635BFF',\n background: '#FFFFFF',\n text: '#1A1A1A',\n ),\n ),\n)\n```\n\nThis allows you to match the Stripe components to your app's branding and design system.\n\n---\n\n## Real-World Use Case\n\nI built this plugin while working on **Kizu**, an AI-powered financial recovery platform. Kizu needed to onboard merchants, show their payment and payout history, and let them manage their connected accounts â all within a single Flutter app targeting iOS, Android, and Web.\n\nWithout `flutter_stripe_connect`, this would have required maintaining three separate Stripe integrations. With it, I was able to ship the entire Connect flow in a fraction of the time, and keep it maintainable with a single codebase.\n\n---\n\n## Community \u0026 Contributions\n\nThe package is fully open source and I actively maintain it. Just recently, a community member reported a scrolling issue on Flutter Web ([Issue #3](https://github.com/sheriax/flutter_stripe_connect/issues/3)), and I was able to diagnose and fix it within the same day â shipping v0.3.7 with the fix.\n\nIf you run into issues, have feature requests, or want to contribute, the GitHub repo is open:\n\n- **GitHub:** [github.com/sheriax/flutter_stripe_connect](https://github.com/sheriax/flutter_stripe_connect)\n- **pub.dev:** [pub.dev/packages/flutter_stripe_connect](https://pub.dev/packages/flutter_stripe_connect)\n\n---\n\n## CONCLUSION\n\nIntegrating Stripe Connect into a Flutter app doesn't have to be a headache. **flutter_stripe_connect** gives you a clean, unified API that works across iOS, Android, and Web â with support for all 13 Stripe Connect embedded components, native SDK rendering where available, and a WebView fallback for everything else.\n\nWhether you're building a marketplace, a SaaS platform, or any app that needs to manage connected accounts, this plugin can save you weeks of development time. Give it a try, star the repo if you find it useful, and don't hesitate to open an issue if something doesn't work as expected. Open source thrives on community feedback, and every issue reported makes the package better for everyone.\n\n```yaml\nflutter_stripe_connect: ^0.3.7\n```"])</script>
22<script>self.__next_f.push([1,"18:T10b7,"])</script>
22<script>self.__next_f.push([1,"\n\n## INTRODUCTION:\n\nAlgorithmic problem-solving is the backbone of software development and the core skill of aspiring programmers. Whether youâre preparing for a technical interview or looking to improve your coding abilities, mastering common coding challenges is an important step. In this blog, weâll delve deeper into the world of algorithmic problem-solving, explore common coding challenges, and instill strategies for overcoming them.\n\n\n\n### The art of algorithmic problem-solving\n\n**1\\. To Better Understand The Problem:**\n\nTake the time to fully understand the problem before writing a single code. Break it down into smaller pieces, identify edge cases, and clarify any ambiguities in the problem statement. Clear understanding is the foundation for effective problem-solving.\n\n**2\\. Select The Appropriate Data Structure:**\n\nChoosing the right data structure can have a huge impact on the quality of your troubleshooting. Familiarize yourself with common data structures such as arrays, linked lists, stacks, and queues. Knowing when to use each is key to the quality of your solution.\n\n**3\\. Plan The Route:**\n\nCreate a method before you start coding. Consider algorithms and techniques that can solve the problem. Choose the one that best fits the needs and constraints of the problem. Sketch out your plan on paper or in written form before diving into the code.\n\n### General Coding Challenge\n\nNow, letâs explore some common coding challenges youâre likely to encounter:\n\n\n\n**1\\. Array Implementation:**\n\nArrays are fundamental and important to handle properly. Challenges may include finding, organizing, or maximizing activities such as strategies. Understanding array algorithms is important.\n\n**2\\. Use Of Ropes:**\n\nStringing requires such challenges as string inversion, palindrome detection, and pattern matching. Knowledge of string manipulation algorithms is invaluable.\n\n**3\\. Search And Arrange:**\n\nSearch algorithms like binary search and s
22orting algorithms like quicksort are the core of the coding challenge. Mastering these can enhance your problem-solving abilities.\n\n**4\\. Recursive And Dynamic Programming:**\n\nComplex problems can often be broken down into smaller problems. Iteration and dynamic programming techniques help manage these more efficiently. Use repetition and memorization.\n\n**5\\. Graph Algorithms:**\n\nGraph-based problems involve finding or finding paths in graphs. Algorithms such as breadth-first search (BFS) and depth-first search (DFS) are important tools.\n\n### Strategies For Solving Problems:\n\n**1\\. Start Easy:**\n\nStart with the simplest part of the problem and gradually add complexity. This horizontal approach helps to solve complex problems based on simple solutions.\n\n**2\\. Test Your Code:**\n\nTest your code with different inputs including edge cases and boundary conditions. Make sure your solution is efficient and effective for all situations.\n\n**3\\. Search According To Your Preferences:**\n\nGo back to your solution solve the problem and look for opportunities to do better. Can you reduce the complexity of time or space? Optimizing code is a valuable skill.\n\n**4\\. Learn From Others:**\n\nLearn solutions from others, especially if you run into a problem. Take advantage of online coding communities, forums, and forums like LeetCode and HackerRank to learn different ideas.\n\n## Conclusion: Continuous Journey:\n\nMastering algorithmic problem-solving is an ongoing journey, not a destination. Use it consistently, solve more challenging challenges, and embrace the learning process. As you become adept at solving common coding challenges, you will not only do well in technical interviews but also become a more effective and confident programmer. The ability to break down complex problems and find effective solutions is the hallmark of a competent professional. So, keep coding, learning, and conquering coding challenges!"])</script>
22<script>self.__next_f.push([1,"19:T1033,"])</script>
22<script>self.__next_f.push([1,"## **INTRODUCTION:**\n\nIn todayâs digital age, the job search process has evolved into a complex online process, where your resume needs to stand out in terms of recruitment and planning of automated varieties. This blog is your guide to creating an SEO-optimized IT resume that not only catches the eyes of employers but also gets noticed by search engines. Letâs explore the unique art of blending human and algorithmic interest in your job application.\n\n## SEO-optimized IT resume: A blend of art and science\n\n\n\n\\*NOTE: If you don't want to place your photo you can remove it.\n\n### **1\\. Start With a Solid Foundation:**\n\nThe structure of your resume is important. Start with a clear title, summarize your skills and goals, and follow with sections on experience, education, certifications, and technical skills. This simplified layout will make it easier for human readers and search engine algorithms to navigate.\n\n### **2\\. The Power Of Keywords:**\n\nKeywords are the heart of SEO. On your IT resume, identify keywords employers in your area are searching for. Include these formally in your resume, especially in the Skills, Summary, and Experience sections. For example, if you're a software developer, use terms like \"JavaScript,\" \"Java,\" \"Web Development,\" or \"Agile.\"\n\n### **3\\. Create An Interesting Summary:**\n\nYour summary is your elevator voice. Make it unobtrusive to humans and search engines. It should summarize your skills and goals in a concise but compelling way. Think of it as an opportunity to highlight unique selling points.\n\n### **4\\. Quantify Your Accomplishments:**\n\nDonât just list your job duties; Show what you have accomplished. Use specific numbers and metrics to demonstrate the impact of your work. For example, \"implemented a data optimization program that resulted in a 30% reduction in processing time.\"\n\n### **5\\. Add Relevant Certificates:**\n\nNot only do certifications validate your knowledge but they are also powerful keywords. Mention relevant certificates along with the certification class and date of issue.\n\n### **6\\. Optimize For ATS (Applicant Tracking Systems):**\n\nMany employers use ATS to filter resumes. Avoid using unusual characters, logos, or characters to pass this digital gatekeeper. Keep a simple and clean method that can easily be analyzed by the ATS.\n\n### **7\\. Provide Links To Personnel Information:**\n\nInclude links to your LinkedIn profile, GitHub repository, or other online professionals. Not only do these connections allow employers to dig deeper into your qualifications, but they also make you more visible online.\n\n### **8\\. Customize Your Resume For Each Application:**\n\nCustomize your resume for each job application. Analyze the job description, identify relevant keywords, and edit your resume accordingly. This impresses the ATS and shows that you are genuinely interested in the position\n\n\n\n.\n\n### **9\\. Maintenance and Testing:**\n\nMistakes in your resume can hurt your chances. Read the list carefully for spelling and grammar errors. Also, test your resume on different devices and browsers to make sure it looks great online.\n\n### **10\\. Stay Updated:**\n\nThe IT industry is growing rapidly. Regularly update your resume with new skills, certifications, and accomplishments. Staying in the present is important for both human and algorithmic attraction.\n\n## **CONCLUSION: Your resume, your success:**\n\nCrafting an SEO-optimized IT resume is a skill that can significantly increase your career prospects. Itâs about combining the art of presenting yourself well to recruiters with the science of ensuring search engines find your value. By carefully balancing these factors, you will open doors to career success and position yourself as a standout in the competitive IT job market. Your resume is more than just a piece of paper; This is your key to getting the opportunities you want in your IT career."])</script>
22<script>self.__next_f.push([1,"1a:T113e,"])</script>
22<script>self.__next_f.push([1,"## INTRODUCTION:\n\nIn the world of web design, colors arenât just visual elements; They are powerful tools that can evoke emotions, deliver messages, and inform user experiences. Understanding the concept of color is essential to choosing the right colors that will resonate with your audience and reinforce your websiteâs goals. In this blog, weâll explore the fascinating world of color concepts and walk you through choosing the perfect color scheme for your web design.\n\n\n\n### Fundamentals Of Color Psychology:\n\n**Before we dive into choosing colors, letâs explore the basics of color psychology:**\n\n* **Warm Vs. Warm Colors. Cool:** Vibrant colors like yellow, orange, and yellow evoke feelings of energy, passion, and warmth.\n \n \n \n Cool colors like blue, green, and red are associated with calmness, confidence, and peace.\n \n* **Key Emotions:** Colors can trigger specific emotional reactions.\n \n \n \n For example, red usually indicates excitement or urgency, while green indicates maturity and health.\n \n* **Cultures:** Keep in mind that colors can be interpreted differently in different cultures. White is a symbol of purity in Western cultures but in some Eastern cultures, it is associated with mourning.\n \n\n### Tips For Choosing The Right Colors:\n\nNow that we understand the concept behind color, letâs talk about how to choose the right colors for your website design:\n\n**1\\. Define Your Brand Identity:** Your colors should match your brandâs personality and values. Are you a tech-savvy startup with an eye toward innovation? Or a healthcare organization that emphasizes trust and confidence? First, define your brand identity.\n\n**2\\. Consider Your Target Audience:** Consider your target demographic. Different ages, genders, and cultures can react differently to colors. Consider their preferences and emotional triggers.\n\n**3\\. Use Coordinated Color:** Harmonious colors such as overlapping (contrasting) or parallel (adjacent) colors create visually appealing combinations. Tools like the color wheel can help you find harmonious colors.\n\n**4\\. Balance And Contrast:** Make sure the colors are evenly distributed. Use contrasting colors for text and backgrounds to increase legibility. Significant differences can also point to key features.\n\n**5\\. Highlight Call-to-action (CTA) Buttons:** Use bright, contrasting colors for CTA buttons to encourage user interaction. Buttons should stand out and invite clicking.\n\n**6\\. Testing And Iterating:** A/B testing allows us to see which color variations resonate most with your audience. Be open to change based on feedback and data.\n\n### Examples Of Color Psychology In Action\n\n* **Facebook:** The use of the color blue emphasizes trust and confidence, in keeping with their mission of connecting people.\n \n \n \n The blue color of the \"Like\" button encourages positive interaction.\n \n* \n \n **McDonaldâs:** The combination of red and yellow creates a sense of urgency and excitement, perfect for the fast food chain.\n \n* \n \n **Spa websites:** Spa and wellness websites often feature soothing colors like pastel blues and greens to promote relaxation and tranquility.\n \n\n## **CONCLUSION:**\n\nThe psychology of color in web design is a powerful tool that can influence user behavior and cognition. By choosing the right colors that match your brand, target audience, and messaging, you can create an engaging and emotional web experience Remember that c
22olor mood is only one aspect of web design, but when used properly it can have a huge impact on how users perceive your website, and how they interact with you."])</script>
22<script>self.__next_f.push([1,"1b:T1264,"])</script>
22<script>self.__next_f.push([1,"\n\n**INTRODUCTION:**\n\nChoosing the right development path is essential for the success of any software project. Two widely used methodologies in software development are Agile and Waterfall. In this blog, weâll explore the key differences between these methods, analyze their pros and cons, and help you make an informed decision about which is best for your project. Understanding the drops,\n\nWaterfall is a traditional, linear approach to software development. After a series of steps, each step builds on the delivery of the previous one. **Here is the breakdown of the Waterfall route:**\n\n\n\n* **Requirements:** Detailed project requirements are collected and recorded at the beginning of the project.\n \n* **Design:** The program design and planning are based on the requirements gathered.\n \n* **Function:** Developers develop software based on design specifications.\n \n* **Testing:** The software is rigorously tested to ensure quality.\n \n* **Deployment:** The completed software is deployed in the production environment.\n \n* **Maintenance:** Ongoing maintenance and upgrades as needed.\n \n\n### **Benefits Of Waterfalls:**\n\n* **Blank Documents:** The waterfall approach emphasizes detailed documentation, making it suitable for projects with stringent regulatory or compliance requirements\n \n* **Predictability:** The structure of waterfalls makes it easier to estimate project time and cost. Faults on the waterfall:\n \n* **Limited Flexibility:** Changes in project requirements are difficult to accommodate at the beginning of the development phase.\n \n* **Late testing:** Testing occurs late in the process, allowing issues to be identified at a time when change is most needed.\n \n\n### **Introduction to Agile:**\n\non the other hand, is an iterative and adaptive approach that prioritizes collaboration, customer feedback and change. The following principles characterize rapid development.\n\n\n\n* **Iterative Improvements:** Tasks are broken down into small manageable chunks, typically lasting 2-4 weeks.\n \n* **Client Engagement:** Clients are involved throughout the project and provide regular feedback.\n \n* **Flexibility:** Agile teams can adapt to changing needs and priorities.\n \n* **Cross-functional teams:** Cross-functional teams work together, and activities overlap to promote efficiency.\n \n* **Working software:** The focus is on delivering working software at the end of each iteration.\n \n ### **Benefits Of Agile:**\n \n* **Flexibility:** Agile adapts to changing requirements, making it ideal for projects of growing size.\n \n* **Customer centricity:** Constant customer involvement ensures that the product matches the customer's needs.\n \n* **Early Testing:** Testing is integrated throughout the development process, allowing for early visibility.\n \n\n### **Disadvantages Of Agile:**\n\n* **Unpredictable:** Agile flexibility can make it difficult to accurately estimate project time and costs.\n \n* **High resource utilization:** A dedicated team is required for constant collaboration and communication.\n \n\nChoosing the right path Choosing between Agile and Waterfall depends on the specific needs and constraints of your project. **Here are some things to consider:**\n\n\n\n* **Project challenges:** Waterfalls can be adequate for simple and well-defined projects. Agile is best suited for complex or innovative projects.\n \n* **Customer Involvement:** When customer collaboration is important, Agileâs iterative approach is beneficial.\n \n* **Regulatory requirements:** Strictly compliant industries can benefit from focused watershed documentation.\n \n* **Timeline and Budget:** Consider the timeline and budget constraints of your project. The rainfall can make for more predictability in this regard.\n \n ## **CONCLUSION:**\n \n both Agile and Waterfall are valid methodologies with their strengths and weaknesses. The key is to carefully review the unique needs and constraints of your project. In some cases, a hybrid approach combining elements of both approaches may also be a suitable approach. Ultimately, the right choice leads to a more successful and efficie
22nt software development process."])</script>
22<script>self.__next_f.push([1,"1c:Tcb6,"])</script>
22<script>self.__next_f.push([1,"\n\n## INTRODUCTION:\n\nJavaScript, the ubiquitous programming language of the web, has evolved dramatically over the years. From humble beginnings to the latest features introduced in ECMAScript 2022 (ES2022), this blog will take you on a journey through the history of JavaScript, highlighting key changes and innovations that shaped its evolution.\n\n\n\n### **ES5: The Foundation**\n\n**ECMAScript 5 (ES5)** was an important milestone in the development of JavaScript. Enacted in 2009, the language was essentially corrected. Key features and concepts include:\n\n**Robust Methods:** ES5 introduced robust methods, which helped catch common coding mistakes and improved performance.\n\n**JSON Support**: Added native JSON support, which simplified data exchange between clients and servers.\n\n**New Methods:** ES5 introduces more array-object conversion methods such as forEach(), map(), and Object. nail().\n\n### **ES6 (ES2015): Game Changer**\n\n**ECMAScript 2015 (ES6)** is a game-changer for JavaScript. It introduced many new features and syntactic improvements, e.g.\n\n**Arrow Functions:** This abbreviated function simplifies the rule and gives it its true size.\n\n**Classes:** ES6 introduced class syntax for creating objects and constructor functions.\n\n**Let and Const:** Let and const have replaced var for variable declarations, providing better scope options.\n\n**Template Literals:** This allowed string insertion and multi-character strings.\n\n\n\n### **ES7-ES11: Upgrade**\n\nIn later releases from **ES7 to ES11**, JavaScript continued to undergo incremental improvements, including:\n\n**ES7:** Introduction to objects such as Array.prototype.includes() and exponentiation (\\*\\*) operators.\n\n**ES8:** Async/wait for asynchronous programming and Object.entries() to work with objects.\n\n**ES9:** Things like resting/diffusion properties, asynchronous repeatability, and promising improvements.\n\n**ES10:** Introduction to Array.flat(), Array.flatMap(), and Object.fromEntries().\n\n**ES11:** Introduction to BigInt for processing large integers and using Nullish Coalescing and Optional Chaining for safe codes.\n\n### **ES2020 and above**\n\n**ES2020** and **ES2022** have further advanced JavaScript. Some notable changes include:\n\n**ES2020:** Features such as dynamic import(), BigInt enhancements, and chain selection.\n\n**ES2022:** Introduction to class static initialization blocks, globalThis, and improvements to Promise.\n\n## **CONCLUSION:**\n\nThe evolution of JavaScript from ES5 to ES2022 means flexibility and continuous improvement. Each iteration adds features that enhance the languageâs capabilities and make it more user-friendly and developer-friendly. Staying up to date with the latest versions of ECMAScript is important for todayâs web developers, as this allows them to take advantage of these advancements to create fast, robust, and maintainable web applications."])</script>
22<script>self.__next_f.push([1,"1d:Tf37,"])</script>
22<script>self.__next_f.push([1,"### INTRODUCTION:\n\nIn the vast data management environment, the relational database stands as the foundation upon which countless applications and systems are built. These databases rely on a structured query language, commonly called SQL (Structured Query Language), to manage and manipulate data. In this blog post, we'll explore basic SQL concepts on our way into the world of relational databases.\n\n### WHAT IS A RELATIONAL DATABASE?\n\nA relational database is a structured data storage system that organizes data into tables, each consisting of rows and columns. These tables are linked by relationships that provide a logical and efficient structure for data management. This approach offers several advantages, such as data integrity, scalability, and ease of querying.\n\n### UNDERSTANDING SQL:\n\nThe language used in relational databases SQL is a language for interacting with relational databases. It allows developers and database administrators to perform a wide range of tasks from creating and modifying a database to loading specific data structures. Let's look at some important SQL basics:\n\n\n\n**Data Definition Language (DDL):**\n\nCREATE: Used to create databases, tables and other database objects.\n\nALTER: Allows modification of existing database objects, such as adding or removing columns in a table.\n\nDROP: Deletes a database, tables, or other database objects.\n\nTRUNCATE: Removes all data from a table but preserves the table structure.\n\n**Data Manipulation Language (DML):**\n\nSELECT: Retrieves data from one or more tables.\n\nINSERT: Adds a new record to a table.\n\nUPDATE: Edit an existing entry in the table.\n\nDELETE: Removes records from the table.\n\n**Data Queries:** The SQL SELECT statement is effective for querying data. It allows you to filter, sort, group and aggregate data based on specified criteria.\n\n**Obstacles:** Constraints ensure data integrity. Common constraints include PRIMARY KEY (to check for unique values), FOREIGN KEY (to create relationships between tables), UNIQUE (to avoid duplicate values), and NOT NULL (if you're looking for a value in a column).\n\n**Inputs:** SQL supports several joins such as INNER JOIN, LEFT JOIN, and RIGHT JOIN to join data from multiple tables based on related columns.\n\n**Activities and programs:** SQL provides a rich set of functions for manipulating data, including numeric functions, string functions, and date/time functions. Aggregation functions such as SUM, AVG, COUNT, MIN, and MAX are used to summarize data.\n\n\n\n### WHY SQL MATTERS:\n\n**Data Integrity:** SQL constraints and data validation ensure that your data remains accurate and consistent over time.\n\n**Data Mining:** SQL's querying capabilities allow you to efficiently extract specific information from large datasets.\n\n**Data transformation:** Using SQL, you can modify and transform data as needed, making it suitable for various reporting and analysis tasks.\n\n**Scalability:** Relational databases built with SQL can scale to handle large data sets and complex applications.\n\n**Industry Standard:** SQL is an industry-standard language, making it a valuable skill for database professionals and developers alike.\n\n### CONCLUSION:\n\nSQL, the relational database language, is an essential tool for efficient and accurate data management and manipulation. Whether you are an experienced database administrator or just starting your journey into the world of data management, understanding the basics of SQL is a necessary step to harnessing the power of relational databases. In future posts, we will dive deeper into SQL concepts and explore advanced database management topics. Stay tuned for more!"])</script>
22<script>self.__next_f.push([1,"1e:Tf2a,"])</script>
22<script>self.__next_f.push([1,"## INTRODUCTION :\n\nIt's no surprise that Flutter is becoming one of the most popular cross-platform development tools. It provides apps with a full-featured mobile framework thatâs easy to use, yet powerful enough to build apps for Android and iOS.\n\n### But what makes Flutter so special? Here are five reasons why you should build your app with Flutter:\n\n1\\. The framework is extremely easy to learn.\n\n2\\. The framework has comprehensive documentation.\n\n3\\. There are plenty of tutorials available online.\n\n4\\. The framework has great support from Google and third-party developers.\n\n5\\. The framework is built on top of Material Design from Google.\n\n\n\n### The chart is fairly easy to figure out:\n\nFlutterâs simplicity is one of its distinguishing features. It uses a responsive style architecture, enabling developers to create user interfaces in a declarative manner. This means you define how your UI will look based on the current state, and Flutter takes care of the rest. Even if you are new to mobile app development, the learning curve is quite slow. Flutter's clean and concise syntax and its hot reload feature make it easy to test and detect changes in real-time, resulting in faster development\n\n### The plan includes detailed documentation:\n\nStrong and well-maintained documentation is essential for any system, and Flutter delivers in this aspect. Googleâs commitment to Flutter is evident in its detailed documentation, which includes detailed instructions, tutorials, and API descriptions. Whether you are a beginner or an experienced developer, you can rely on Flutterâs documentation to find answers to your questions and better overcome challenges.\n\n### There are several courses available online:\n\nLearning new systems often involves seeking guidance and learning from the experiences of others. Flutter has a vibrant and supportive community that has produced a wide range of tutorials, articles, and video guides. Platforms like YouTube, Medium, and GitHub are full of Flutter-related content, making it easy to find tutorials that fit your specific needs. This wealth of resources ensures that you can develop the knowledge and skills you need to successfully develop Flutter.\n\n### The framework has extensive support from Google and third-party developers:\n\nGoogle is leading the development of Flutter, making the system feel more robust and durable. This background includes regular updates, bug fixes, and access to the latest features. In addition, Flutter boasts a thriving ecosystem of third-party packages and plugins contributed by developers around the world. These packages extend Flutterâs capabilities and simplify integrations and projects, saving you time and effort during development.\n\n### The presentation is based on Material Design from Google:\n\nFlutterâs visual appeal is enhanced by the use of Material Design, Googleâs design language for creating beautiful and user-friendly apps. By default, Flutter apps are not only responsive but also adhere to Material Design principles, ensuring a consistent and familiar experience on both Android and iOS devices This built-in design can save you time when the value of your app for platforms, and there may be the cost of changing their feelings.\n\n## CONCLUSION:\n\nIn the rapidly evolving mobile app development landscape, Flutter stands out as a terrific choice for creating cross-platform apps. Its easy learning curriculum, extensive documentation, numerous tutorials, strong Google and community support, and internal foundation in product development all help make it more popular Whether you are a beginner or someone who is a skilled developer, Flutter empowers you to create visually stunning and efficient apps that target multiple audiences."])</script>
22<script>self.__next_f.push([1,"1f:Tf2e,"])</script>
22<script>self.__next_f.push([1,"In the ever-evolving world of web development, responsive design has become an essential part of creating user-friendly, user-friendly websites. Two powerful web design tools intuitive and functional, CSS Grid and Flexbox, have emerged as key features.\n\nIn this blog post, weâll explore the CSS Grid and Flexbox concepts, exploring their features, benefits, and how they can best be used to create responsive web designs.\n\n### **UNDERSTANDING CSS GRID AND FLEXBOX**:\n\nCSS Grid and Flexbox are layout frameworks that give developers a comprehensive way to organize and align elements within a web page.\n\nWhile they have specific use cases, both aim to simplify the complex task of managing content on a variety of screen sizes.\n\n### CSS GRID:\n\nCSS Grid is a two-dimensional layout that allows you to create a grid layout by defining rows and columns. It gives you precise control over the placement of objects on the grid. With its simple syntax, CSS Grid enables complex layouts without relying on complicated HTML layouts.\n\nThis is especially useful for creating web-based graphics, such as magazine layouts or graphic displays.\n\n### FLEXBOX:\n\nFlexbox, short for Flexible Box Layout, is a one-dimensional layout designed to divide space along an axis (row or column) while maintaining well-aligned elements Flexbox is perfect for flexible dynamic layouts depending on the available space is ideal for\n\n### BENEFITS OF USING CSS GRID AND FLEXBOX FOR RESPONSIVE DESIGN:\n\n* Simplified Configuration: CSS Grid and Flexbox greatly simplify the process of creating complex layouts. By reducing complex HTML layouts and excessive CSS code, developers can save time and maintain clean code.\n \n* Suggested Answers: Both CSS Grid and Flexbox natively support responsive design. As the viewport resizes, the layout adjusts accordingly, ensuring that your website looks and works well on different devices.\n \n* Improved Alignment and Delivery: CSS Grid and Flexbox provide robust alignment and distribution capabilities, making it easier to center content, arrange objects on different axes, and evenly distribute space This is especially important for maintaining accuracy and being readable on various screen sizes.\n \n* Discounted Media Questions: While media queries are important for response design, CSS Grid and Flexbox can help reduce reliance on multiple media queries. The inherent responsiveness of these tools reduces the need for explicit breakpoint-based adjustments.\n \n\n### TO CREATE A RESPONSIVE LAYOUT USING CSS GRID AND FLEXBOX:\n\n* Web-based Settings: For grid-based designs, CSS Grid shines. Define a grid container to configure your layout using properties such as grid-template-columns and grid-template-rows. You can create responsive grids using relative units such as percentages or the flexible fr unit.\n \n* Simple Features of Flexbox: Flexbox is the go-to option for components that need to adapt to available space.\n \n* Use Display: Flex in the parent container and use properties such as flex-direction, justify-content, and align-items to control item alignment and distribution.\n \n* Grid And Flexbox Connectivity: In some cases, a combination of CSS Grid and Flexbox can produce powerful results. For example, you can use Flexbox to control the alignment of elements in a grid cell for accuracy and convenience.\n \n\n### CONCLUSION:\n\nIn todayâs web development world, building a responsive system is out of the question. CSS Grid and Flexbox give developers a versatile set of tools to efficiently and effectively achieve this goal. Using the power of this layout framework allows you to create visually stunning and user-friendly web pages that easily adapt to different screen sizes and devices Whether you are designing a grid-based layout, or the flexible elements, CSS Grid and Flexbox enable you to create future responsive web layouts."])</script>
22<script>self.__next_f.push([1,"20:Tc9a,"])</script>
22<script>self.__next_f.push([1,"Flutter is a powerful framework for building beautiful and fast mobile apps for iOS and Android. In this guide, we'll walk you through the steps to build your first app with Flutter.\n\n### Step 1: Set up your development environment\n\nBefore we start building our app, we need to set up our development environment. Follow the instructions on the Flutter website ([flutter.dev](https://flutter.dev/)) to install the Flutter SDK and Android Studio. Once you have everything set up, create a new Flutter project.\n\n### Step 2: Design the user interface\n\nThe first thing we need to do is design the user interface for our app. In Flutter, we use widgets to build the user interface. Here's an example of a simple user interface:\n\n```dart\nimport 'package:flutter/material.dart';\n\nvoid main() {\n runApp(MyApp());\n}\n\nclass MyApp extends StatelessWidget {\n @override\n Widget build(BuildContext context) {\n return MaterialApp(\n title: 'My First App',\n home: Scaffold(\n appBar: AppBar(\n title: Text('My First App'),\n ),\n body: Center(\n child: Text('Hello World!'),\n ),\n ),\n );\n }\n}\n```\n\nThis code creates a new Flutter app with a simple user interface that displays \"Hello World!\" in the center of the screen.\n\n### Step 3: Add functionality to the app\n\nNow that we have our user interface set up, let's add some functionality to our app. In this example, we'll add a button that changes the text when it's pressed.\n\n```dart\nimport 'package:flutter/material.dart';\n\nvoid main() {\n runApp(MyApp());\n}\n\nclass MyApp extends StatefulWidget {\n @override\n _MyAppState createState() =\u003e _MyAppState();\n}\n\nclass _MyAppState extends State\u003cMyApp\u003e {\n String _text = 'Hello World!';\n\n void _changeText() {\n setState(() {\n _text = 'Flutter is Awesome!';\n });\n }\n\n @override\n Widget build(BuildContext context) {\n return MaterialApp(\n title: 'My First App',\n home: Scaffold(\n appBar: AppBar(\n title: Text('My First App'),\n ),\n body: Center(\n child: Column(\n mainAxisAlignment: MainAxisAlignment.center,\n children: \u003cWidget\u003e[\n Text(_text),\n RaisedButton(\n child: Text('Change Text'),\n onPressed: _changeText,\n ),\n ],\n ),\n ),\n ),\n );\n }\n}\n```\n\nThis code adds a button to the user interface that changes the text to \"Flutter is Awesome!\" when it's pressed.\n\n### Step 4: Test the app\n\nNow that we have our app built, it's time to test it. Run the app in Android Studio's emulator or on your own device. Make sure everything works as expected.\n\n### Step 5: Deploy the app\n\nCongratulations! You've built your first app with Flutter. Now it's time to deploy it to the app stores. Follow the instructions on the Flutter website to deploy your app to both the Google Play Store and the Apple App Store.\n\n### Conclusion\n\nFlutter is a powerful framework for building mobile apps, and it's a great choice for your next project. By following this comprehensive guide, you've learned how to build your first app with Flutter. With this knowledge, you're ready to start building your own amazing apps!"])</script>
22<script>self.__next_f.push([1,"21:Tc55,"])</script>
22<script>self.__next_f.push([1,"Mobile app development has come a long way since the first iPhone was released in 2007. Today, there are over 2.7 billion smartphone users worldwide, and mobile apps have become an essential part of our daily lives. As a mobile app developer, it's important to keep up with the latest trends and best practices to deliver high-quality apps that meet the needs of your users. One of the most popular trends in mobile app development today is cross-platform development.\n\n\n\nCross-platform mobile development allows developers to write code once and deploy it to multiple platforms, including iOS, Android, and the web (Link: [Best practices for Front-End Web Development](https://blog.youhanasheriff.com/best-practices-for-front-end-web-development)). This approach can save time and resources while still delivering a high-quality user experience. Here are some best practices and tips for building successful cross-platform mobile apps:\n\n---\n\n### Choose the Right Development Framework\n\nThere are several cross-platform mobile app development frameworks available, each with its own strengths and weaknesses. It's important to choose a framework that aligns with your project requirements and your team's expertise. Some popular options include React Native, Flutter, Xamarin, and Ionic.\n\n### Design for Multiple Screen Sizes\n\nOne of the challenges of cross-platform mobile development is designing for multiple screen sizes and resolutions. To ensure your app looks and works great on all devices, it's essential to use responsive design techniques and test your app on different screen sizes and resolutions.\n\n### Optimize App Performance\n\nApp performance is crucial for delivering a positive user experience. To optimize your app's performance, you can use techniques like code splitting, lazy loading, and caching. It's also important to minimize the number of HTTP requests and reduce the size of your app's assets.\n\n### Follow platform-specific guidelines\n\nWhile cross-platform development is all about creating apps that work on multiple platforms, it's important to follow platform-specific guidelines to ensure that your app is optimized for each platform. Apple and Google have their own design guidelines, and following them can help you create an app that is user-friendly and meets the standards of the respective app stores.\n\n### Test your app on different devices and platforms\n\nTo ensure that your app works seamlessly on different devices and platforms, it's important to test it thoroughly. You can use tools like emulators and simulators to test your app on different devices and platforms, and also perform manual testing to catch any issues that automated testing may miss.\n\n### In conclusion\n\nCross-platform mobile development is a great way to save time and resources while still delivering high-quality mobile apps. By following these best practices and tips, you can build successful cross-platform mobile apps that meet the needs of your users and stand out in the crowded app marketplace."])</script>
22<script>self.__next_f.push([1,"22:T1164,"])</script>
22<script>self.__next_f.push([1,"Front-end web development is the process of building a website's user interface and functionality using HTML, CSS, and JavaScript. It's an essential part of website development that directly impacts the user experience. As a front-end developer, you must ensure that your website looks good, performs well, and is accessible to all users. In this blog post, we'll share some essential tips and techniques for successful front-end web development.\n\n\n\n---\n\n### Use Semantic HTML\n\nSemantic HTML is the practice of using HTML elements that convey the correct meaning of the content they contain. For example, using a tag `\u003cnav\u003e` for navigation links, `\u003cmain\u003e` main headings, `\u003cp\u003e` paragraphs, and so on. Semantic HTML helps search engines understand the structure of your website, but it also helps people who use assistive technologies, such as screen readers, navigate your website.\n\n```xml\n\u003c--- Navigation ---\u003e\n\u003cnav\u003e\n \u003ca\u003eLink 1\u003c/a\u003e\n \u003ca\u003eLink 2\u003c/a\u003e\n \u003ca\u003eLink 3\u003c/a\u003e\n\u003c/nav\u003e\n\u003c--- Main Content ---\u003e\n\u003cmain\u003e\n \u003c--- main content goes here ---\u003e\n\u003c/main\u003e\n\u003c--- Side Content ---\u003e\n\u003caside\u003e\n \u003c--- side content goes here ---\u003e\n\u003c/aside\u003e\n```\n\nTo learn more about semantic tags: [Click here](https://www.w3schools.com/html/html5_semantic_elements.asp).\n\n### CSS Framework for fast styling\n\nUsing a CSS framework can help you speed up your development process by providing pre-written CSS code that you can use to style your website. Frameworks like Bootstrap, Foundation, and Materialize provide a set of predefined styles and components that you can use to create a consistent and professional-looking website. However, it's important to note that using a framework doesn't mean you shouldn't write any CSS code yourself. You should always write custom CSS code to ensure that your website looks unique and meets your specific design requirements. \nHere are a few of the frameworks you might like:\n\n* Bootstrap.\n \n* Foundation.\n \n* Bulma.\n \n* Tailwind CSS.\n \n* UIkit.\n \n\n### Optimize Images and Media Files\n\nImages and media files can significantly slow down your website's load time, which can negatively impact the user experience. To ensure your website loads quickly, you should optimize your images and media files by compressing them without losing quality. You can use tools like Photoshop, TinyPNG, or Squoosh to compress your images before uploading them to your website. Additionally, you can use lazy loading techniques to load images and media files only when they're needed, which can further improve your website's performance. \nHere are a few websites that can help you with it:\n\n* [YouCompress](https://www.youcompress.com/).\n \n* [Media.io](https://www.media.io/).\n \n* [Veed.io](https://www.veed.io/)\n \n\n### Test Your Code on Different Devices and Browsers\n\nYour website should look and work properly on different devices and browsers, including desktops, laptops, tablets, and smartphones. To ensure your website is responsive and accessible, you should test your code on different devices and browsers. You can use tools like BrowserStack or Sauce Labs to test your website on different devices and browsers without the need for physical devices. You can also use developer options in the browsers and select mobile view for mobile view development.\n\n### Document your code\n\nDocumenting your code is an essential part of web development that often gets overlooked. By documenting your code, you make it easier for other developers to understand and work with your code. You should document your code using comments that explain what each section of code does and why it's there. Additionally, you should write clear and concise code that's easy to read and maintain.\n\n```javascript\n// Example\nconst fetchPatients = () =\u003e {\n // returning the list of patients\n}\n```\n\n### **In conclusion**,\n\nFront-end web development requires a combination of technical skills, creativity, and attention to detail. By following these best practices, you can create a website that looks great, performs well, and provides an excellent user experience. Remember to use semantic HTML, and CSS frameworks, optimize images and media files, test your co
22de on different devices and browsers, and document your code. These essential tips and techniques will help you become a successful front-end developer."])</script>
22<script>self.__next_f.push([1,"7:[\"$\",\"main\",null,{\"className\":\"min-h-screen bg-cream dark:bg-surface-dark\",\"children\":[[\"$\",\"$L13\",null,{}],[\"$\",\"div\",null,{\"className\":\"pt-24 pb-16 px-4 md:px-8 lg:px-16 max-w-7xl mx-auto\",\"children\":[\"$\",\"$L14\",null,{\"posts\":[{\"_id\":\"4xvhwByB5urs4kbGrGjza6\",\"body\":\"$15\",\"coverImage\":\"https://cdn.sanity.io/images/4aqggxzc/production/96af566ed30cdf2681f5b31762bad786f68a8cb3-640x640.png?fit=max\u0026auto=format\",\"excerpt\":\"The real reason your AI prompts fail has nothing to do with prompting techniques â it's about how clearly you communicate as a person. Here's how learning to share goals instead of tasks changed everything for me, both with AI and with people.\",\"hashnodeId\":null,\"publishedAt\":\"2026-03-17T11:39:42.319Z\",\"slug\":{\"_type\":\"slug\",\"current\":\"why-your-ai-agent-doesnt-understand-you\"},\"tags\":[\"AI\",\"Communication\",\"Productivity\",\"Software Engineering\",\"Career\"],\"title\":\"Why Your AI Agent Doesn't Understand You (And It's Not the AI's Fault)\"},{\"_id\":\"5yoxWn7yILofZ65aB5UZWD\",\"body\":\"$16\",\"coverImage\":\"https://cdn.sanity.io/images/4aqggxzc/production/bf9f650fd25e6ba40210230687f99f99aa91a2af-640x640.png?fit=max\u0026auto=format\",\"excerpt\":\"AI agents forget everything between sessions. SimpleMem fixes that with semantic lossless compression â a three-stage pipeline that compresses, synthesizes, and retrieves long-term memories with 30Ã fewer tokens. Here's how @sheriax/simplemem brings this framework to TypeScript and Node.js.\",\"hashnodeId\":null,\"publishedAt\":\"2026-03-11T11:36:59.576Z\",\"slug\":{\"_type\":\"slug\",\"current\":\"building-lifelong-memory-for-ai-agents-with-simplemem\"},\"tags\":[\"AI\",\"LLM\",\"TypeScript\",\"Open Source\",\"Memory\",\"Agents\"],\"title\":\"Building Lifelong Memory for AI Agents with @sheriax/simplemem\"},{\"_id\":\"hV9ZhgyqBGofJXGaoTftNC\",\"body\":\"$17\",\"coverImage\":\"https://cdn.sanity.io/images/4aqggxzc/production/71cefbfb2bf9a3aaf10bd7c2299e4060cf5f7366-640x640.png?fit=max\u0026auto=format\",\"excerpt\":\"Building a marketplace or platform app? flutter_stripe_connect is an open-source Flutter plugin that lets you embed all 13 Stripe Connect components directly into your Flutter app across iOS, Android, and Web â with just a few lines of code.\",\"hashnodeId\":null,\"publishedAt\":\"2026-02-28T15:18:52.433Z\",\"slug\":{\"_type\":\"slug\",\"current\":\"introducing-flutter-stripe-connect-embed-stripe-connect-in-your-flutter-app\"},\"tags\":[\"Flutter\",\"Stripe\",\"Open Source\",\"Payments\",\"Fintech\"],\"title\":\"Introducing flutter_stripe_connect: Embed Stripe Connect in Your Flutter App\"},{\"_id\":\"1L3MhmLaWKw54EQvdaEJ2S\",\"body\":\"$18\",\"coverImage\":\"https://cdn.sanity.io/images/4aqggxzc/production/5f872016b869b158382a3756e5d0565fe7a7dacd-1792x1024.png?fit=max\u0026auto=format\",\"excerpt\":\"INTRODUCTION:\\nAlgorithmic problem-solving is the backbone of software development and the core skill of aspiring programmers. Whether youâre preparing for a technical interview or looking to improve your coding abilities, mastering common coding chal...\",\"hashnodeId\":\"65033edb6ac04343e53b17de\",\"publishedAt\":\"2023-09-14T17:11:55.874Z\",\"slug\":{\"_type\":\"slug\",\"current\":\"cracking-the-code-mastering-algorithmic-problem-solving-for-technical-success\"},\"tags\":[\"Problem Solving\",\"coding challenge\",\"coding tips\",\"coping strategies\",\"cracking codes\"],\"title\":\"Cracking the Code: Mastering Algorithmic Problem Solving for Technical Success\"},{\"_id\":\"1L3MhmLaWKw54EQvdaEJ7s\",\"body\":\"$19\",\"coverImage\":\"https://cdn.sanity.io/images/4aqggxzc/production/0c4cddf11c1421dc4882b92085c41c0b0e0abd91-1792x1024.png?fit=max\u0026auto=format\",\"excerpt\":\"INTRODUCTION:\\nIn todayâs digital age, the job search process has evolved into a complex online process, where your resume needs to stand out in terms of recruitment and planning of automated varieties. This blog is your guide to creating an SEO-optim...\",\"hashnodeId\":\"6501872de131e50ae831ad33\",\"publishedAt\":\"2023-09-13T09:55:57.092Z\",\"slug\":{\"_type\":\"slug\",\"current\":\"unlocking-career-success-crafting-an-seo-optimized-it-resume-that-grabs-employers-attention\"},\"tags\":[\"resume writing\",\"Resume Templates\",\"resume-tips\",\"Resume for freshers\",\"IT resume\"],\"title\":\"Unlocking Career Success: Crafting an SEO-Optimized IT Resume That Grabs Employers' Attention\"},{\"_id\":\"1L3MhmLaWKw54EQvdaEJHM\",\"body\":\"$1a\",\"coverImage\":\"https://cdn.sanity.io/images/4aqggxzc/production/84f7c12891479c58b84959d2bebfebaa2a6e5cff-1792x1024.png?fit=max\u0026auto=format\",\"excerpt\":\"INTRODUCTION:\\nIn the world of web design, colors arenât just visual elements; They are powerful tools that can evoke emotions, deliver messages, and inform user experiences. Understanding the concept of color is essential to choosing the right colors...\",\"hashnodeId\":\"64ff374a795df71c29250f00\",\"publishedAt\":\"2023-09-11T15:50:34.808Z\",\"slug\":{\"_type\":\"slug\",\"current\":\"mastering-color-psychology-in-web-design-a-guide-to-choosing-the-perfect-palette\"}
22,\"tags\":[\"webdesign\",\"colour psychology\",\"graphic design\",\"perfect palette\",\"design guide\"],\"title\":\"Mastering Color Psychology in Web Design: A Guide to Choosing the Perfect Palette\"},{\"_id\":\"1L3MhmLaWKw54EQvdaEJPU\",\"body\":\"$1b\",\"coverImage\":\"https://cdn.sanity.io/images/4aqggxzc/production/8fbbee98ac0dc83e33a1f01940062765d24911c2-1792x1024.png?fit=max\u0026auto=format\",\"excerpt\":\"INTRODUCTION:\\nChoosing the right development path is essential for the success of any software project. Two widely used methodologies in software development are Agile and Waterfall. In this blog, weâll explore the key differences between these metho...\",\"hashnodeId\":\"64f9ae91fc3c362e242adba3\",\"publishedAt\":\"2023-09-07T11:05:53.430Z\",\"slug\":{\"_type\":\"slug\",\"current\":\"agile-vs-waterfall-which-development-methodology-is-right-for-your-project\"},\"tags\":[\"agile development\",\"agilevswaterfallsdlc\",\"waterfall methodology\",\"software development process\",\"agile methodology\"],\"title\":\"Agile vs Waterfall: Which Development Methodology Is Right for Your Project?\"},{\"_id\":\"1L3MhmLaWKw54EQvdaEJUu\",\"body\":\"$1c\",\"coverImage\":\"https://cdn.sanity.io/images/4aqggxzc/production/1da5868c0efe1fca36d80c9df3517808e6c2c55a-1792x1024.png?fit=max\u0026auto=format\",\"excerpt\":\"INTRODUCTION:\\nJavaScript, the ubiquitous programming language of the web, has evolved dramatically over the years. From humble beginnings to the latest features introduced in ECMAScript 2022 (ES2022), this blog will take you on a journey through the ...\",\"hashnodeId\":\"64f8521b6a6dbb709ab4b9db\",\"publishedAt\":\"2023-09-06T10:19:07.897Z\",\"slug\":{\"_type\":\"slug\",\"current\":\"javascripts-evolution-a-deep-dive-from-es5-to-es2022\"},\"tags\":[\"JavaScript\",\"Java\",\"java beginner\",\"Java evolution\",\"es5 to es2022\"],\"title\":\"JavaScript's Evolution: A Deep Dive from ES5 to ES2022\"},{\"_id\":\"1L3MhmLaWKw54EQvdaEJjo\",\"body\":\"$1d\",\"coverImage\":\"https://cdn.sanity.io/images/4aqggxzc/production/af9e4272cc1e56fcb0aa20a39a992e85af65e29e-1600x1067.jpg?fit=max\u0026auto=format\",\"excerpt\":\"INTRODUCTION:\\nIn the vast data management environment, the relational database stands as the foundation upon which countless applications and systems are built. These databases rely on a structured query language, commonly called SQL (Structured Quer...\",\"hashnodeId\":\"64f374180d738fc701e90d07\",\"publishedAt\":\"2023-09-02T17:42:48.027Z\",\"slug\":{\"_type\":\"slug\",\"current\":\"mastering-sql-basics-your-gateway-to-data-driven-success\"},\"tags\":[\"SQL\",\"#SQL-basic\",\"gateway\",\"Mastering\",\"basics\"],\"title\":\"Mastering SQL Basics: Your Gateway to Data-Driven Success\"},{\"_id\":\"GUXMwedMRn8ip0mMHeOu8c\",\"body\":\"$1e\",\"coverImage\":\"https://cdn.sanity.io/images/4aqggxzc/production/00730b98dabd7ec0dace4f508c4e08936da88c18-1600x1060.jpg?fit=max\u0026auto=format\",\"excerpt\":\"INTRODUCTION :\\nIt's no surprise that Flutter is becoming one of the most popular cross-platform development tools. It provides apps with a full-featured mobile framework thatâs easy to use, yet powerful enough to build apps for Android and iOS.\\nBut w...\",\"hashnodeId\":\"64f3000a2a9264d72fe46eac\",\"publishedAt\":\"2023-09-02T09:27:38.295Z\",\"slug\":{\"_type\":\"slug\",\"current\":\"5-reasons-you-should-build-your-app-with-flutter\"},\"tags\":[\"Flutter\",\"app development\",\"flutter guide\",\"use flutter\",\"app developement with flutter\"],\"title\":\"5 Reasons You Should Build Your App with Flutter\"},{\"_id\":\"1L3MhmLaWKw54EQvdaEKAu\",\"body\":\"$1f\",\"coverImage\":\"https://cdn.sanity.io/images/4aqggxzc/production/8b53b42282dc59b53605037eb78c0411dce5158a-1600x1067.jpg?fit=max\u0026auto=format\",\"excerpt\":\"In the ever-evolving world of web development, responsive design has become an essential part of creating user-friendly, user-friendly websites. Two powerful web design tools intuitive and functional, CSS Grid and Flexbox, have emerged as key feature...\",\"hashnodeId\":\"64f0a4a83d6125856473e7f4\",\"publishedAt\":\"2023-08-31T14:33:12.419Z\",\"slug\":{\"_type\":\"slug\",\"current\":\"revolutionizing-user-interfaces-with-css-grid-and-flexbox\"},\"tags\":[\"CSS Grid\",\"CSS\",\"css-grid-layout\",\"Web Design\",\"CSS grid vs flexbox\"],\"title\":\"Revolutionizing User Interfaces with CSS Grid and Flexbox\"},{\"_id\":\"GUXMwedMRn8ip0mMHeOuzg\",\"body\":\"$20\",\"coverImage\":\"https://cdn.sanity.io/images/4aqggxzc/production/c26576f1139b6308f74564a7b8c712078be65103-2386x1342.jpg?fit=max\u0026auto=format\",\"excerpt\":\"Flutter is a powerful framework for building beautiful and fast mobile apps for iOS and Android. In this guide, we'll walk you through the steps to build your first app with Flutter.\\nStep 1: Set up your development environment\\nBefore we start buildin...\",\"hashnodeId\":\"641dbdd4f24403f843593912\",\"publishedAt\":\"2023-03-24T15:12:20.547Z\",\"slug\":{\"_type\":\"slug\",\"current\":\"building-your-first-app-with-flutter-a-step-to-step-guide\"},\"tags\":[\"Flutter\",\"Flutter App Development\"],\"title\":\"Building Your First App with Flutter: A Step-to-Step Guide\"},{\"_id\":\"0oUIM76unmSMzXY47vCsOa\",\"body\":\"$21\",\"coverImage\":\"https://cdn.sanity.io/images/4aqggxzc/production/45613f4b4055f8041b4997a66f54eb26573d4b34-1600x1067.jpg?fit=max\u0026auto=format\",\"excerpt\":\"Mobile app development has come a long way since the first iPhone was released in 2007. Today, there are over 2.7 billion smartphone users worldwide, and mobile apps have become an essential part of our daily lives. As a mobile app developer, it's im...\",\"hashnodeId\":\"6405c078cb063985c48c
22a8e2\",\"publishedAt\":\"2023-03-06T10:29:12.959Z\",\"slug\":{\"_type\":\"slug\",\"current\":\"cross-platform-mobile-development-best-practices-and-tips\"},\"tags\":[\"Flutter\",\"React Native\",\"Xamarin\",\"cross platfom\",\"Cross Platform App Development. \"],\"title\":\"Cross-Platform Mobile Development: Best Practices and Tips\"},{\"_id\":\"0oUIM76unmSMzXY47vCt9C\",\"body\":\"$22\",\"coverImage\":\"https://cdn.sanity.io/images/4aqggxzc/production/f0075bcd6161eecbac66a30492a7f0a08c16c1aa-1600x1066.jpg?fit=max\u0026auto=format\",\"excerpt\":\"Front-end web development is the process of building a website's user interface and functionality using HTML, CSS, and JavaScript. It's an essential part of website development that directly impacts the user experience. As a front-end developer, you ...\",\"hashnodeId\":\"64058d5c2609261f7220480e\",\"publishedAt\":\"2023-03-06T06:51:08.115Z\",\"slug\":{\"_type\":\"slug\",\"current\":\"best-practices-for-front-end-web-development\"},\"tags\":[\"best practices\",\"Frontend Development\",\"tips\",\"tips and tricks\",\"Web Development\"],\"title\":\"Best practices for front-end web development\"}]}]}],\"$L23\"]}]\n"])</script>
22<script>self.__next_f.push([1,"24:I[16611,[\"844\",\"static/chunks/ee560e2c-d6689966fded2ffe.js\",\"2619\",\"static/chunks/2619-04bc32f026a0d946.js\",\"7878\",\"static/chunks/7878-5e8f32dd86f5b0cc.js\",\"2513\",\"static/chunks/2513-a6b67bc249ea8479.js\",\"4486\",\"static/chunks/4486-77f84ead92d31bd0.js\",\"3276\",\"static/chunks/3276-a28155efaf80d7e1.js\",\"3809\",\"static/chunks/3809-cb64bcae6198871a.js\",\"6065\",\"static/chunks/6065-bab3619554659bf0.js\",\"6071\",\"static/chunks/6071-5a2c3c85af525fb0.js\",\"3831\",\"static/chunks/app/blog/page-86e2cf8ad70a3f15.js\"],\"default\"]\n"])</script>
22<script>self.__next_f.push([1,"23:[\"$\",\"$L24\",null,{\"data\":{\"works\":[{\"_createdAt\":\"2026-05-31T18:33:14Z\",\"_id\":\"s1K1KwRwJGoo6uARlFC02r\",\"_rev\":\"s1K1KwRwJGoo6uARlFBzyA\",\"_type\":\"works\",\"_updatedAt\":\"2026-05-31T18:33:14Z\",\"description\":\"Offline real-time obstacle-detection assistant that turns a camera feed into spoken guidance with YOLO11, depth estimation, and spatial reasoning.\",\"group\":\"AI Engineering \u0026 Open Source\",\"imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/0e482f2a27ef64bb888365cf7e9ea7f0a546c8f8-1024x1024.jpg?fit=max\u0026auto=format\",\"impact\":\"README documents edge profile targets of 15-25 FPS, desktop targets of 20-40 FPS, and a no-network inference path for assistive navigation.\",\"order\":290,\"projectLink\":\"https://github.com/youhanasheriff/pocket_ai\",\"solution\":\"Runs a modular camera-to-detector-to-spatial-reasoning-to-TTS pipeline fully offline, with desktop and INT8 edge profiles.\",\"tags\":[\"YOLO11\",\"ONNX\",\"Edge AI\",\"Computer Vision\",\"Python\"],\"title\":\"pocket_ai\"},{\"_createdAt\":\"2026-05-31T18:33:18Z\",\"_id\":\"r52L3tbXKKEvum2BZ3hvW7\",\"_rev\":\"r52L3tbXKKEvum2BZ3hvUC\",\"_type\":\"works\",\"_updatedAt\":\"2026-05-31T18:33:18Z\",\"description\":\"Lifelong memory for LLM agents with semantic structured compression, multi-view indexing, adaptive retrieval, and vector search.\",\"group\":\"AI Engineering \u0026 Open Source\",\"imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/c186d44c48f39ec8753ef7a351b5b74d45ecc6cf-1024x1024.jpg?fit=max\u0026auto=format\",\"impact\":\"README reports 43.24% F1 score, 26.4% better than Mem0, and about 550 token cost, 30x fewer than full-context methods.\",\"order\":280,\"projectLink\":\"https://github.com/youhanasheriff/SimpleMemJs\",\"solution\":\"Implements a three-stage memory pipeline: semantic compression, dense/BM25/symbolic indexing, and query-aware retrieval with provider-flexible LLMs and embeddings.\",\"tags\":[\"LLM\",\"Agents\",\"RAG\",\"Vector Search\",\"TypeScript\"],\"title\":\"SimpleMem\"},{\"_createdAt\":\"2026-05-31T18:33:08Z\",\"_id\":\"s1K1KwRwJGoo6uARlFByz9\",\"_rev\":\"s1K1KwRwJGoo6uARlFByuS\",\"_type\":\"works\",\"_updatedAt\":\"2026-05-31T18:33:08Z\",\"description\":\"RAG over PDFs with document ingestion, embeddings, vector similarity search, and LLM-powered question answering.\",\"group\":\"AI Engineering \u0026 Open Source\",\"imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/b7228e99ef4f000c52e3697012c374d108290653-1024x1024.jpg?fit=max\u0026auto=format\",\"order\":270,\"projectLink\":\"https://github.com/youhanasheriff/llm-rag\",\"solution\":\"Processes PDFs into chunks, generates embeddings, stores them in a vector database, retrieves relevant context, and answers through an OpenRouter-compatible LLM.\",\"tags\":[\"RAG\",\"Embeddings\",\"LLM\",\"TypeScript\"],\"title\":\"llm-rag\"},{\"_createdAt\":\"2026-05-31T18:33:24Z\",\"_id\":\"s1K1KwRwJGoo6uARlFC1mo\",\"_rev\":\"s1K1KwRwJGoo6uARlFC1i7\",\"_type\":\"works\",\"_updatedAt\":\"2026-05-31T18:33:24Z\",\"description\":\"AI short-form video pipeline for TikTok, YouTube Shorts, and Reels using TTS, Whisper transcription, GPT-4 Vision validation, and stock-footage assembly.\",\"group\":\"AI Engineering \u0026 Open Source\",\"imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/6749e5ecb567280609e56686440695c0a59a2216-1024x1024.jpg?fit=max\u0026auto=format\",\"order\":260,\"projectLink\":\"https://github.com/youhanasheriff/video-composer\",\"solution\":\"Generates voiceover, validates vertical stock footage, creates word-level subtitles, and composes 9:16 MP4 output through a Python CLI and YAML configuration.\",\"tags\":[\"OpenAI\",\"Whisper\",\"GPT-4 Vision\",\"Python\"],\"title\":\"video-composer\"},{\"_createdAt\":\"2026-01-15T17:50:46Z\",\"_id\":\"BQwUEomMefsHSuf9avLLBU\",\"_rev\":\"s1K1KwRwJGoo6uARlD1C2x\",\"_type\":\"works\",\"_updatedAt\":\"2026-05-31T16:03:49Z\",\"codeLink\":\"\",\"contribution\":\"Designed and built the full stack: Flutter UI with custom animations, Firebase backend, Claude/Gemini-based extraction pipeline, ML Kit OCR integration, and the RAG system for smart financial insights.\",\"description\":\"AI personal-finance app using ML Kit OCR receipt scanning, Claude for transaction extraction and categorization, and a RAG pipeline for financial insights.\",\"group\":\"AI Products Shipped to Users\",\"imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/793f996e3479cc64643d9e33afa07ed223b7dfbd-3420x1962.png?fit=max\u0026auto=format\",\"impact\":\"Early users can now see recurring spend patterns and cancel unused subscriptions directly from the app. The AI-powered insights surface spending leaks that manual tracking misses.\",\"order\":220,\"problem\":\"People leak money through forgotten subscriptions, hidden fees, and impulse spending â but have no clear view of their \\\"financial wounds\\\". Existing budgeting apps show numbers without actionable insights or emotional context.\",\"projectLink\":\"https://kizu.in\",\"solution\":\"Built an AI-powered financial recovery app in Flutter. Uses ML Kit OCR for receipt scanning, Claude AI for transaction extraction and classification, and a RAG pipeline for personalized \\\"healing plans\\\". Firebase backend with real-time sync. Service wrapper architecture for clean, testable code.\",\"tags\":[\"Flutter\",\"Firebase\",\"Claude AI\",\"ML Kit OCR\"],\"title\":\"Kizu\"},{\"_createdAt\":\"2023-07-05T10:38:26Z\",\"_id\":\"7f6433c9-202c-4c00-9f0b-730ba6173351\",\"_rev\":\"x7Rdwa7xqncucY4IoFemXd\",\"_type\":\"works\",\"_updatedAt\":\"2026-05-31T16:03:50Z\",\"contribution\":\"Designed and developed the entire Flutter app â from UI/UX design to API integration and Play Store publishing.\",\"description\":\"AI chatbot companion â a personal virtual assistant in text form. Live on Google Play (sold to Sheriax).\",\"group\":\"AI Products Shipped to Users\",\"imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/431e8cc5226098eb8fee7a9527facb556125a17c-659x592.png?fit=max\u0026auto=format\",\"impact\":\"Published on Google Play Store with positive user feedback on the clean design and responsive conversational experience.\",\"order\":210,\"problem\":\"Users wanted a simple, conversational AI assistant on mobile without complex setups or subscriptions. Existing chatbot apps had cluttered UIs and limited personalization.\",\"projectLink\":\"\",\"solution\":\"Built a clean, intuitive Flutter chatbot app with a focus on seamless conversational UX. Integrated AI APIs for natural language understanding with a minimal, distraction-free interface.\",\"tags\":[\"Flutter\",\"OpenAI\",\"Google AI\",\"Firebase\"],\"title\":\"Chatiko AI\"},{\"_createdAt\":\"2026-05-31T18:33:22Z\",\"_id\":\"r52L3tbXKKEvum2BZ3hvdn\",\"_rev\":\"r52L3tbXKKEvum2BZ3hvbs\",\"_type\":\"works\",\"_updatedAt\":\"2026-05-31T18:33:22Z\",\"description\":\"Language-learning app with AI content moderation for safer generated and user-submitted content.\",\"group\":\"AI Products Shipped to Users\",\"imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/d5396a5d9f752211a65875e3b35055ab603197e1-1024x1024.jpg?fit=max\u0026auto=format\",\"order\":200,\"tags\":[\"Flutter\",\"AI Moderation\",\"Firebase\"],\"title\":\"Talky\"},{\"_createdAt\":\"2026-01-15T17:50:48Z\",\"_id\":\"MPGv7zqerUjz5MMhxguEfG\",\"_rev\":\"s1K1KwRwJGoo6uARlD1CV7\",\"_type\":\"works\",\"_updatedAt\":\"2026-05-31T15:31:44Z\",\"codeLink\":\"\",\"contribution\":\"Forked and extended Excalidraw's core. Built the multi-board workspace system, WebSocket collaboration server (deployed to Cloud Run), Firebase/Convex sync layer, offline-first data persistence, and the board switching UX without page reloads.\",\"description\":\"Local-first collaborative whiteboard
22with multi-board workspaces, real-time collaboration, cloud sync, and offline-first architecture.\",\"group\":\"Also Built\",\"imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/648e433ebeb533fb44dacd55e84a2668a74d8ee1-3420x1962.png?fit=max\u0026auto=format\",\"impact\":\"Users can collaborate in real-time, work offline seamlessly, and manage multiple boards in one workspace. Deployed at drawink.app with sub-second sync latency.\",\"order\":180,\"problem\":\"Remote teams needed a collaborative whiteboarding tool that worked offline-first and didn't lock them into cloud-only solutions. Existing tools like Excalidraw lacked multi-board workspaces, offline support, and seamless real-time collaboration.\",\"projectLink\":\"https://drawink.app\",\"solution\":\"Built a local-first collaborative whiteboard on top of Excalidraw with React and TypeScript. Added multi-board workspace management, real-time collaboration via WebSocket (custom collab server on Cloud Run), cloud sync with Firebase/Convex, and offline-first architecture using Jotai for performant state management.\",\"tags\":[\"Web App\",\"React\",\"TypeScript\",\"Real-time\"],\"title\":\"Drawink\"},{\"_createdAt\":\"2026-05-31T18:33:03Z\",\"_id\":\"r52L3tbXKKEvum2BZ3huny\",\"_rev\":\"r52L3tbXKKEvum2BZ3hum3\",\"_type\":\"works\",\"_updatedAt\":\"2026-05-31T18:33:03Z\",\"description\":\"Video-first social-commerce app with a multi-vendor marketplace, Stripe Connect payouts, and creator monetization â Mako IT Lab.\",\"group\":\"Also Built\",\"imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/52d01b23c333808a6430ebdf26e5fc35dc57682e-1600x1200.svg?fit=max\u0026auto=format\",\"order\":170,\"tags\":[\"Flutter\",\"Stripe Connect\",\"AWS S3\",\"Firebase\"],\"title\":\"Echify\"},{\"_createdAt\":\"2026-05-31T18:33:16Z\",\"_id\":\"s1K1KwRwJGoo6uARlFC0sU\",\"_rev\":\"s1K1KwRwJGoo6uARlFC0nn\",\"_type\":\"works\",\"_updatedAt\":\"2026-05-31T18:33:16Z\",\"description\":\"Offline-first construction logistics app with GPS tracking, route workflows, and field-ready cross-platform mobile UX.\",\"group\":\"Also Built\",\"imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/52d01b23c333808a6430ebdf26e5fc35dc57682e-1600x1200.svg?fit=max\u0026auto=format\",\"order\":160,\"tags\":[\"Mobile App\",\"React Native\",\"GPS\",\"Offline-first\"],\"title\":\"RouteX\"},{\"_createdAt\":\"2026-05-31T18:33:12Z\",\"_id\":\"r52L3tbXKKEvum2BZ3hvCv\",\"_rev\":\"r52L3tbXKKEvum2BZ3hvB0\",\"_type\":\"works\",\"_updatedAt\":\"2026-05-31T18:33:12Z\",\"description\":\"Community and utility apps shipped across Flutter, React Native Expo, and Next.js with mobile publishing and production operations.\",\"group\":\"Also Built\",\"imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/52d01b23c333808a6430ebdf26e5fc35dc57682e-1600x1200.svg?fit=max\u0026auto=format\",\"order\":150,\"tags\":[\"Mobile App\",\"Flutter\",\"React Native\",\"Next.js\"],\"title\":\"Nidaa \u0026 TNTJ Apps\"}],\"skills\":[{\"_createdAt\":\"2026-05-31T15:31:49Z\",\"_id\":\"x7Rdwa7xqncucY4IoFGZxl\",\"_rev\":\"r52L3tbXKKEvum2BZ2zU4B\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:41:48Z\",\"bgColor\":\"#f8fafc\",\"category\":\"AI/ML\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/7649d7831f53b27e2d3e54e92fe825db1a95f1bc-1024x1024.jpg?fit=max\u0026auto=format\",\"name\":\"LLMs (Claude, Gemini, OpenAI, OpenRouter, local)\",\"order\":500},{\"_createdAt\":\"2026-05-31T15:31:51Z\",\"_id\":\"x7Rdwa7xqncucY4IoFGaNJ\",\"_rev\":\"s1K1KwRwJGoo6uARlDQ3j4\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:41:51Z\",\"bgColor\":\"#f8fafc\",\"category\":\"AI/ML\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/00551ef8224cdae904cabe7475df682485f11265-1024x1024.jpg?fit=max\u0026auto=format\",\"name\":\"RAG\",\"order\":490},{\"_createdAt\":\"2026-05-31T15:31:52Z\",\"_id\":\"r52L3tbXKKEvum2BZ2Zdze\",\"_rev\":\"r52L3tbXKKEvum2BZ2yml0\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:41:13Z\",\"bgColor\":\"#f8fafc\",\"category\":\"AI/ML\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/bafc389b876d6c6e530e336869780ee218a3fa81-1024x1024.jpg?fit=max\u0026auto=format\",\"name\":\"Vector Search\",\"order\":480},{\"_createdAt\":\"2026-05-31T15:31:54Z\",\"_id\":\"s1K1KwRwJGoo6uARlCMX56\",\"_rev\":\"r52L3tbXKKEvum2BZ2zHLK\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:41:40Z\",\"bgColor\":\"#f8fafc\",\"category\":\"AI/ML\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/d916db639aabb4481176ad7adbb0c2d8d171a60e-1024x1024.jpg?fit=max\u0026auto=format\",\"name\":\"LoRA/MLX Fine-tuning\",\"order\":470},{\"_createdAt\":\"2026-05-31T15:31:55Z\",\"_id\":\"x7Rdwa7xqncucY4IoFGasX\",\"_rev\":\"s1K1KwRwJGoo6uARlDQ4dO\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:41:55Z\",\"bgColor\":\"#f8fafc\",\"category\":\"AI/ML\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/d
22a45f4933e531c658e4cc9470f3afe80815be0bc-1024x1024.jpg?fit=max\u0026auto=format\",\"name\":\"llama.cpp\",\"order\":460},{\"_createdAt\":\"2026-05-31T15:31:57Z\",\"_id\":\"x7Rdwa7xqncucY4IoFGb3t\",\"_rev\":\"r52L3tbXKKEvum2BZ2zUzl\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:41:58Z\",\"bgColor\":\"#f8fafc\",\"category\":\"AI/ML\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/3b176e26bbf6d2c46fa0c776d0bdb5a62b8ebe5a-24x24.svg?fit=max\u0026auto=format\",\"name\":\"ONNX\",\"order\":450},{\"_createdAt\":\"2026-05-31T15:31:58Z\",\"_id\":\"r52L3tbXKKEvum2BZ2ZeKl\",\"_rev\":\"r52L3tbXKKEvum2BZ2ytLp\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:41:18Z\",\"bgColor\":\"#f8fafc\",\"category\":\"AI/ML\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/9fb24c9a87d0d496cb65cffbccc55964ea16a3b2-1024x1024.jpg?fit=max\u0026auto=format\",\"name\":\"YOLO\",\"order\":440},{\"_createdAt\":\"2026-05-31T15:32:00Z\",\"_id\":\"r52L3tbXKKEvum2BZ2ZeSR\",\"_rev\":\"s1K1KwRwJGoo6uARlDOnWd\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:41:24Z\",\"bgColor\":\"#f8fafc\",\"category\":\"AI/ML\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/d7f7deb0d180be22d5cc1378698950a4d0bca797-1024x1024.jpg?fit=max\u0026auto=format\",\"name\":\"ML Kit\",\"order\":430},{\"_createdAt\":\"2026-05-31T16:04:06Z\",\"_id\":\"r52L3tbXKKEvum2BZ2oKdO\",\"_rev\":\"r52L3tbXKKEvum2BZ2zDwC\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:41:37Z\",\"bgColor\":\"#f8fafc\",\"category\":\"AI/ML\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/3269ba3ba8c4e1f859ec1d573d061e9c22726a53-1024x1024.jpg?fit=max\u0026auto=format\",\"name\":\"Embeddings\",\"order\":425},{\"_createdAt\":\"2026-05-31T16:04:06Z\",\"_id\":\"x7Rdwa7xqncucY4IoFaUqb\",\"_rev\":\"s1K1KwRwJGoo6uARlDQ7MM\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:42:08Z\",\"bgColor\":\"#f8fafc\",\"category\":\"AI/ML\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/6ee171d47c856f17161d5a1c0d2afdcf8eae2f79-1024x1024.jpg?fit=max\u0026auto=format\",\"name\":\"LLM Integration\",\"order\":420},{\"_createdAt\":\"2026-03-09T19:37:52Z\",\"_id\":\"a2r09po9iDlAyNkijZKftv\",\"_rev\":\"r52L3tbXKKEvum2BZ2rJ14\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:04:07Z\",\"bgColor\":\"#f8fafc\",\"category\":\"AI/ML\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/3c6cdad1e458bba509415e804db658118748f50d-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Kimi (Moonshot AI)\",\"order\":415},{\"_createdAt\":\"2026-03-09T19:37:54Z\",\"_id\":\"en7KgE2UKV1QiveQl0BFow\",\"_rev\":\"s1K1KwRwJGoo6uARlD1FSA\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:04:08Z\",\"bgColor\":\"#f8fafc\",\"category\":\"AI/ML\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/81559eccf9bc0a8c22a59735cfbfb8d226060d14-24x24.svg?fit=max\u0026auto=format\",\"name\":\"GLM 5 (Z.AI)\",\"order\":410},{\"_createdAt\":\"2026-03-09T19:37:56Z\",\"_id\":\"a2r09po9iDlAyNkijZKgIP\",\"_rev\":\"x7Rdwa7xqncucY4IoFenun\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:04:10Z\",\"bgColor\":\"#f8fafc\",\"category\":\"AI/ML\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/bb0a4d6a09f82bf0defe18082411027f2573c81e-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Codex GPT\",\"order\":405},{\"_createdAt\":\"2022-07-10T04:01:34Z\",\"_id\":\"b9cb8f09-3ab1-4c1d-859d-3f128d7201f0\",\"_rev\":\"x7Rdwa7xqncucY4IoFeo3J\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T15:32:01Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Languages\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/45692e27edc0dca4e4d8b697a988a69e2d9a600a-24x24.svg?fit=max\u0026auto=format\",\"name\":\"TypeScript\",\"order\":400},{\"_createdAt\":\"2026-01-15T17:50:51Z\",\"_id\":\"9DkLqTNMEagTLw82PuAWZR\",\"_rev\":\"r52L3tbXKKEvum2BZ2rJO6\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T15:32:02Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Languages\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/e4700b549ed17538ce582627ad1638f04023ef0c-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Python\",\"order\":390},{\"_createdAt\":\"2026-05-31T15:32:04Z\",\"_id\":\"r52L3tbXKKEvum2BZ2Zea7\",\"_rev\":\"s1K1KwRwJGoo6uARlDOvY9\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:41:27Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Languages\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/7ed4f5d25446dd92eda4e57475fba390ae673176-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Dart\",\"order\":380},{\"_createdAt\":\"2026-01-15T17:50:50Z\",\"_id\":\"9DkLqTNMEagTLw82PuAUOM\",\"_rev\":\"s1K1KwRwJGoo6uARlD1FuK\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T15:32:06Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Languages\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/2f1ae82bdafb78b941363ec9d4dc699dedcd53bc-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Rust\",\"order\":370},{\"_createdAt\":\"2026-02-24T19:42:00Z\",\"_id\":\"UIAiPZz9ZiiqDtZaohgwFE\",\"_rev\":\"s1K1KwRwJGoo6uARlD1G8P\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T15:32:07Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Languages\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/23ec6c2849d5c9c97c90b4d2ec176709bd5e4cf6-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Kotlin\",\"order\":360},{\"_createdAt\":\"2022-06-22T13:02:10Z\",\"_id\":\"c9094117-c1a2-4093-9e75-63dbdc8ee5dc\",\"_rev\":\"s1K1KwRwJGoo6uARlD1GMU\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:04:16Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Languages\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/5a6d04be12b2f84db5e0af088f05dd9782312f3c-24x24.svg?fit=max\u0026auto=format\",\"name\":\"JavaScript\",\"order\":355},{\"_createdAt\":\"2026-05-31T15:32:08Z\",\"_id\":\"s1K1KwRwJGoo6uARlCMYWH\",\"_rev\":\"x7Rdwa7xqncucY4IoFr84r\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:41:42Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Frameworks\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/1d8e7d587c5088e4aa36f5e45e2400e9d5792934-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Next.js\",\"order\":350},{\"_createdAt\":\"2026-05-31T15:32:09Z\",\"_id\":\"x7Rdwa7xqncucY4IoFGben\",\"_rev\":\"r52L3tbXKKEvum2BZ2zVDC\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:42:00Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Frameworks\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/6b50988c8fcb1966193f88d43570bf071252d271-24x24.svg?fit=max\u0026auto=format\",\"name\":\"React\",\"order\":340},{\"_createdAt\":\"2026-05-31T15:32:11Z\",\"_id\":\"r52L3tbXKKEvum2BZ2ZetJ\",\"_rev\":\"r52L3tbXKKEvum2BZ2z746\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:41:30Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Frameworks\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/aa17e3a291fc289b648cbabf448f8081a34010b5-24x24.svg?fit=max\u0026auto=format\",\"name\":\"React Native (Expo)\",\"order\":330},{\"_createdAt\":\"2022-06-22T13:06:24Z\",\"_id\":\"7c4c53fe-496e-4ae9-aacc-50158287e643\",\"_rev\":\"x7Rdwa7xqncucY4IoFeomj\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T15:32:12Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Frameworks\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/990a9cf84398ab8e10830ed26d93e6e7dd6f4c27-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Flutter\",\"order\":320},{\"_createdAt\":\"2026-05-31T15:32:13Z\",\"_id\":\"r52L3tbXKKEvum2BZ2Zf6k\",\"_rev\":\"r52L3tbXKKEvum2BZ2zDd0\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:41:33Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Frameworks\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/04ae2dcc628c8e59b8bb2fe8d344a8053ae5b6a7-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Node.js/NestJS/Fastify\",\"order\":310},{\"_createdAt\":\"2026-05-31T15:32:15Z\",\"_id\":\"x7Rdwa7xqncucY4IoFGc7B\",\"_rev\":\"x7Rdwa7xqncucY4IoFrEtp\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:42:04Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Cloud/Infra\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/52d01b23c333808a6430ebdf26e5fc35dc57682e-1600x1200.svg?fit=max\u0026auto=format\",\"name\":\"AWS\",\"order\":300},{\"_createdAt\":\"2026-05-31T15:32:15Z\",\"_id\":\"s1K1KwRwJGoo6uARlCMYp3\",\"_rev\":\"x7Rdwa7xqncucY4IoFr8oH\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:41:45Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Cloud/Infra\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/b325a47aa4ff67ccfa376b77860839af3b1570da-24x24.svg?fit=max\u0026auto=format\",\"name\":\"GCP\",\"order\":290},{\"_createdAt\":\"2026-01-15T17:51:06Z\",\"_id\":\"MPGv7zqerUjz5MMhxguSpq\",\"_rev\":\"r52L3tbXKKEvum2BZ2rKJg\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T15:32:17Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Cloud/Infra\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/9b8b22c8d1daeb049a1eb1316c0b2c568d008ae2-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Firebase\",\"order\":280},{\"_createdAt\":\"2026-01-15T17:50:55Z\",\"_id\":\"MPGv7zqerUjz5MMhxguFlO\",\"_rev\":\"x7Rdwa7xqncucY4IoFep6b\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T15:32:18Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Cloud/Infra\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/58d937d6f9fee982c58b46e67ad2b369d1f685ef-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Docker\",\"order\":270},{\"_createdAt\":\"2026-01-15T17:50:56Z\",\"_id\":\"9DkLqTNMEagTLw82PuAYnl\",\"_rev\":\"r52L3tbXKKEvum2BZ2rKPR\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T15:32:19Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Cloud/Infra\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/28e1c0eaefda81a7c229708dec01b106af
22cb14a4-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Kubernetes\",\"order\":260},{\"_createdAt\":\"2026-01-15T17:51:05Z\",\"_id\":\"MPGv7zqerUjz5MMhxguQJi\",\"_rev\":\"s1K1KwRwJGoo6uARlD1I1k\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T15:32:20Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Cloud/Infra\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/6c9e44cd9e9081e95dc1f3582b9172b95ac23ff1-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Cloudflare\",\"order\":250},{\"_createdAt\":\"2026-01-15T17:51:04Z\",\"_id\":\"9DkLqTNMEagTLw82PuAauW\",\"_rev\":\"s1K1KwRwJGoo6uARlD1IPD\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T15:32:21Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Cloud/Infra\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/5433dc25dd1a824b065ab27c6c2f5baeef815008-24x24.svg?fit=max\u0026auto=format\",\"name\":\"GitHub Actions\",\"order\":240},{\"_createdAt\":\"2026-01-15T17:50:53Z\",\"_id\":\"MPGv7zqerUjz5MMhxguFXC\",\"_rev\":\"s1K1KwRwJGoo6uARlD1Ihz\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T15:32:22Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Data\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/8e74a24427bcfdaf7db71a036d8b979b54e3c623-24x24.svg?fit=max\u0026auto=format\",\"name\":\"PostgreSQL\",\"order\":230},{\"_createdAt\":\"2026-01-15T17:50:59Z\",\"_id\":\"BQwUEomMefsHSuf9avLU9A\",\"_rev\":\"s1K1KwRwJGoo6uARlD1Iw4\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T15:32:23Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Data\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/0965b74d66dc25d6370fd0982bec43f487377d91-24x24.svg?fit=max\u0026auto=format\",\"name\":\"GraphQL\",\"order\":220},{\"_createdAt\":\"2022-07-10T04:00:45Z\",\"_id\":\"f5271cda-9fc0-410b-adae-71492eef0f42\",\"_rev\":\"x7Rdwa7xqncucY4IoFepF7\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:14:40Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Tooling\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/b73f7860d7539454f2c9c25ac1973fd374603548-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Git\",\"order\":210},{\"_createdAt\":\"2026-01-15T17:51:13Z\",\"_id\":\"9DkLqTNMEagTLw82PuAdhQ\",\"_rev\":\"s1K1KwRwJGoo6uARlD1JA9\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:14:41Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Tooling\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/24c594ad639134882ac4bedcd8c71fa06cd803d9-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Jira\",\"order\":200},{\"_createdAt\":\"2026-01-15T17:51:10Z\",\"_id\":\"MPGv7zqerUjz5MMhxguVQE\",\"_rev\":\"s1K1KwRwJGoo6uARlD1JOE\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:14:42Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Tooling\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/c53788cdc889ba1e4242e6840d6101aa45deba3e-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Figma\",\"order\":190},{\"_createdAt\":\"2026-01-15T17:51:11Z\",\"_id\":\"MPGv7zqerUjz5MMhxguVVu\",\"_rev\":\"x7Rdwa7xqncucY4IoFepTJ\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:14:43Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Tooling\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/d0ca32b76cc723b78fdd4b429b7e797ed3561276-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Storybook\",\"order\":180},{\"_createdAt\":\"2026-01-15T17:51:08Z\",\"_id\":\"BQwUEomMefsHSuf9avLcu4\",\"_rev\":\"x7Rdwa7xqncucY4IoFepbp\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:14:44Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Tooling\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/d5462de0657b55597a8b197d1f5ce88825424538-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Sentry\",\"order\":170},{\"_createdAt\":\"2026-01-15T17:51:07Z\",\"_id\":\"9DkLqTNMEagTLw82PuAd2M\",\"_rev\":\"x7Rdwa7xqncucY4IoFepkL\",\"_type\":\"skills\",\"_updatedAt\":\"2026-05-31T16:14:45Z\",\"bgColor\":\"#f8fafc\",\"category\":\"Tooling\",\"icon\":\"https://cdn.sanity.io/images/4aqggxzc/production/6661d8b9e253bc7bccd429510b4f5bda6ef541fd-24x24.svg?fit=max\u0026auto=format\",\"name\":\"Auth0\",\"order\":160}],\"abouts\":[{\"_createdAt\":\"2026-01-15T17:51:16Z\",\"_id\":\"BQwUEomMefsHSuf9avLlUK\",\"_rev\":\"s1K1KwRwJGoo6uARlD1Ljj\",\"_type\":\"abouts\",\"_updatedAt\":\"2026-05-31T15:32:29Z\",\"description\":\"Builds LLM applications with RAG, embeddings, vector search, agent memory, model orchestration, and practical evaluation loops for real product workflows.\",\"imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/b00806ef9c2b521eb5895d44bf64a0ad237781a7-640x640.jpg?fit=max\u0026auto=format\",\"order\":100,\"title\":\"LLM/RAG Systems Engineer\"},{\"_createdAt\":\"2026-01-15T17:51:17Z\",\"_id\":\"9DkLqTNMEagTLw82PuAhbU\",\"_rev\":\"r52L3tbXKKEvum2BZ2rLFG\",\"_type\":\"abouts\",\"_updatedAt\":\"2026-05-31T15:32:28Z\",\"description\":\"Electronics engineer deploying AI on constrained hardware: YOLO/ONNX pipelines, LoRA and MLX fine-tuning, llama.cpp, quantization, and edge-focused reasoning systems.\",\"
22imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/0b95b4ac2d93cf4d0ed498947c6fa48c75b86a4f-640x640.jpg?fit=max\u0026auto=format\",\"order\":90,\"title\":\"Edge-AI Systems Engineer\"},{\"_createdAt\":\"2022-05-03T07:54:11Z\",\"_id\":\"4b724960-a256-498c-9b08-c2615c615286\",\"_rev\":\"r52L3tbXKKEvum2BZ2rLL1\",\"_type\":\"abouts\",\"_updatedAt\":\"2026-05-31T15:32:30Z\",\"description\":\"Ships the apps around the AI: Flutter, React Native Expo, Next.js, TypeScript, Firebase, AWS, offline-first flows, payments, GPS, and app-store delivery.\",\"imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/db53adca404b7410a2869db815e4ce77da2e7e53-1200x900.png?fit=max\u0026auto=format\",\"order\":80,\"title\":\"Full-Stack \u0026 Mobile Engineer\"},{\"_createdAt\":\"2022-05-03T07:54:06Z\",\"_id\":\"473f727b-cf67-4396-9bca-f2ee640870b3\",\"_rev\":\"r52L3tbXKKEvum2BZ2rLQm\",\"_type\":\"abouts\",\"_updatedAt\":\"2026-05-31T15:32:31Z\",\"description\":\"Designs cloud-backed product systems with AWS, GCP, Firebase, Docker, Kubernetes, Cloudflare, GitHub Actions, PostgreSQL, and GraphQL.\",\"imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/65ed72deac647aa84f75c5af8f6284ab926931b0-1200x900.png?fit=max\u0026auto=format\",\"order\":70,\"title\":\"Cloud \u0026 Product Infrastructure\"},{\"_createdAt\":\"2022-05-02T06:52:03Z\",\"_id\":\"0d02eaa7-ca0a-4957-925a-23dda88a97f4\",\"_rev\":\"x7Rdwa7xqncucY4IoFeqyz\",\"_type\":\"abouts\",\"_updatedAt\":\"2026-05-31T15:32:32Z\",\"description\":\"Publishes packages for LLM agent memory, AWS cleanup, Flutter Stripe Connect, and type-safe Dart translation code generation.\",\"imgUrl\":\"https://cdn.sanity.io/images/4aqggxzc/production/90d71de50f2c6659156500e7a4d76a618e1fcd63-1200x900.png?fit=max\u0026auto=format\",\"order\":60,\"title\":\"Open Source Package Author\"}],\"experiences\":[{\"_id\":\"3440502a-95c3-4179-af5d-e4eec81f5b9a\",\"order\":100,\"works\":[{\"_createdAt\":\"2024-08-04T18:44:10Z\",\"_id\":\"677f01d1-2120-4be6-8fa6-dd3f81b2d621\",\"_rev\":\"UIAiPZz9ZiiqDtZaohgtr6\",\"_type\":\"workExperience\",\"_updatedAt\":\"2026-02-24T19:41:50Z\",\"company\":\"Mako IT Lab\",\"desc\":\"Lead development of cross-platform mobile \u0026 web applications for multinational clients. Key projects: Cubanin (social commerce with React Native Expo, Next.js, AWS Amplify), Echify (Flutter social commerce with Stripe Connect and video editing), RouteX (construction logistics with offline-first architecture, real-time GPS tracking, and route optimization). Mentor junior developers and manage agile sprints.\",\"name\":\"Sr. Software Engineer\"}],\"year\":\"May 2024 - Present\"},{\"_id\":\"77fc6603-4c65-4490-9ceb-d84b3ef6cbaa\",\"order\":99,\"works\":[{\"_createdAt\":\"2024-08-04T18:41:58Z\",\"_id\":\"8e87bbec-0259-4f47-b086-87abbb193384\",\"_rev\":\"UIAiPZz9ZiiqDtZaohgu6y\",\"_system\":{\"base\":{\"id\":\"8e87bbec-0259-4f47-b086-87abbb193384\",\"rev\":\"GOM95EqmUHFjE3oP9FMI1Q\"}},\"_type\":\"workExperience\",\"_updatedAt\":\"2026-02-24T19:41:51Z\",\"company\":\"Sheriax Solutions\",\"desc\":\"Led development of multiple products: Kizu â AI-powered financial recovery app with Flutter, Firebase, ML Kit OCR, and Claude AI; Drawink â local-first collaborative whiteboard with React, TypeScript, real-time sync; Talky â language learning app with AI content moderation. Built edge AI solutions with MLX, LoRA fine-tuning, and llama.cpp. Managed cloud infrastructure (AWS, Firebase) and CI/CD with GitHub Actions.\",\"name\":\"Founder \u0026 Product Engineer\"}],\"year\":\"Jun 2023 - Present\"},{\"_id\":\"7ea8a6ea-7240-4a58-bf9b-77c0b08dab63\",\"order\":90,\"works\":[{\"_createdAt\":\"2023-10-25T05:53:39Z\",\"_id\":\"0ffaf1cb-eeb2-48df-b36a-b50be7323f27\",\"_rev\":\"jmT1kThHhcH5VruUDe7vFI\",\"_type\":\"workExperience\",\"_updatedAt\":\"2026-02-24T20:10:02Z\",\"company\":\"Rescript Welltech Private Limited\",\"desc\":\"Built Anyo, a stress management and wellness mobile app using Flutter. Implemented venting platform with real-time feeds, integrated AI chatbot for stress management solutions, and developed a psychologist booking platform. Focused on mental health features and user engagement.\",\"name\":\"Software Engineer\"}],\"year\":\"Aug 2023 - Feb 2024\"},{\"_id\":\"68e1b327-0917-4924-a9eb-5376a642cc13\",\"order\":70,\"works\":[{\"_createdAt\":\"2022-11-28T17:39:04Z\",\"_id\":\"0f174c16-4d24-44bd-a037-f24cb4e78091\",\"_rev\":\"5c6JPRbnUw0NzQn3LvfDkg\",\"_type\":\"workExperience\",\"_updatedAt\":\"2026-02-24T20:10:01Z\",\"company\":\"Mywam Sdn Bhd\",\"desc\":\"Developed and maintained front-end mobile and web applications. Built responsive user interfaces with modern JavaScript frameworks, handled API integrations, and ensured cross-browser compatibility.\",\"name\":\"Front-End Developer\"}],\"year\":\"Oct 2022 - Aug 2023\"},{\"_id\":\"21732770-b4ac-4a08-8501-6ff7691922b6\",\"order\":60,\"works\":[{\"_createdAt\":\"2022-06-22T13:13:22Z\",\"_id\":\"3a61dc56-4a33-4eae-a94c-54ea71392c68\",\"_rev\":\"UIAiPZz9ZiiqDtZaoi4Rdw\",\"_type\":\"workExperience\",\"_updatedAt\":\"2026-02-24T20:09:59Z\",\"company\":\"Francium Tech\",\"desc\":\"Developed and maintained cross-platform mobile applications using Flutter (Dart) and web applications with React.js, Next.js, and React Native. Integrated REST APIs and state management solutions. Collaborated with cross-functional teams using Git, Jira, and agile methodologies.\",\"name\":\"Software Developer\"}],\"year\":\"July 2021 - Oct 2022\"},{\"_id\":\"47c61fe5-1262-4949-9dc8-df11eae5c893\",\"order\":50,\"works\":[{\"_createdAt\":\"2022-06-22T13:12:33Z\",\"_id\":\"24272941-72ac-4e80-a22e-f28e7e5fc634\",\"_rev\":\"jmT1kThHhcH5VruUDe7vxi\",\"_type\":\"workExperience\",\"_updatedAt\":\"2026-02-24T20:10:05Z\",\"company\":\"Cappricio Securities\",\"desc\":\"Built the company website and blog platform from scratch using HTML, CSS, and JavaScript. Delivered a professional landing page with integrated course listings for their educational institution.\",\"name\":\"Front-End Engineer\"}],\"year\":\"May 2021 - Jun 2021\"},{\"_id\":\"6b867ecb-1d2f-4354-b5e8-4c6f554317b8\",\"order\":40,\"works\":[{\"_createdAt\":\"2022-06-22T13:11:29Z\",\"_id\":\"fb73c600-5a0b-4d0a-a0b9-7b22ca1467bb\",\"_rev\":\"jmT1kThHhcH5VruUDe7vU6\",\"_type\":\"workExperience\",\"_updatedAt\":\"2026-02-24T20:10:04Z\",\"company\":\"SnowBirds\",\"desc\":\"Designed and developed a calm-themed e-commerce landing page using HTML, CSS, and JavaScript to showcase product offerings with a clean, user-friendly interface.\",\"name\":\"Web Developer\"}],\"year\":\"Oct 2020 - May 2021\"}],\"testimonials\":[{\"_createdAt\":\"2022-06-13T12:07:30Z\",\"_id\":\"7b33230d-6b91-4c62-a1fc-6999df68cacc\",\"_rev\":\"uFrEXnvqFtz2nT9sLBRBMl\",\"_type\":\"testimonials\",\"_updatedAt\":\"2022-07-25T14:24:21Z\",\"company\":\"Cappricio Securities\",\"feedback\":\"I didn't expect it to be this good since it is purely JavaScript only. However, it is satisfying and I'm happy with the outcome.\",\"imgurl\":\"https://cdn.sanity.io/images/4aqggxzc/production/6807dd33056ff01a6d04ccf07902814813f1bda4-787x787.png?fit=max\u0026auto=format\",\"name\":\"Karthi\"},{\"_createdAt\":\"2022-06-13T13:11:59Z\",\"_id\":\"ffb06692-112f-4d26-b9fb-be8473ed3a2b\",\"_rev\":\"CjmRQ2KkGzKI8n5rhvU2OV\",\"_type\":\"testimonials\",\"_updatedAt\":\"2022-07-25T14:24:38Z\",\"company\":\"Snowbirds\",\"feedback\":\"I'm really happy with the website's simplicity as well as the richness of the design. I need to do a lot. I'm looking forward to work with you in the future.\",\"imgurl\":\"https://cdn.sanity.io/images/4aqggxzc/production/9c4f7a1714a293cb0c1bf54dd5185ae5a1b29860-543x504.jpg?fit=max\u0026auto=format\",\"name\":\"Venkat\"}],\"resume\":{\"_id\":\"0ce12006-3b79-4c04-b2f2-5ed7087e3585\",\"file\":\"https://cdn.sanity.io/files/4aqggxzc/production/a1365d0721ae80b7490a4ad6f9e4afd5aaf67ae5.pdf\",\"title\":\"MYS - Resume\"},\"openSource\":[{\"_createdAt\":\"2026-02-24T19:41:48Z\",\"_id\":\"UIAiPZz9ZiiqDtZaohgtQe\",\"_rev\":\"s1K1KwRwJGoo6uARlD1Jlh\",\"_type\":\"openSource\",\"_updatedAt\":\"2026-05-31T15:32:25Z\",\"category\":\"own\",\"description\":\"LLM agent memory plus vector search for Type
22Script agents.\",\"link\":\"https://www.npmjs.com/package/@sheriax/simplemem\",\"name\":\"@sheriax/simplemem\",\"order\":100,\"platform\":\"npm\",\"tags\":[\"LLM\",\"Agents\",\"Vector Search\"]},{\"_createdAt\":\"2025-12-10T14:02:43Z\",\"_id\":\"4a0e9760-af09-4ecd-a2f7-3b43de308622\",\"_rev\":\"r52L3tbXKKEvum2BZ2rL1p\",\"_type\":\"openSource\",\"_updatedAt\":\"2026-05-31T15:32:26Z\",\"category\":\"own\",\"description\":\"Delete all AWS resources across regions from dev and test accounts.\",\"link\":\"https://www.npmjs.com/package/aws-nuke-all\",\"name\":\"aws-nuke-all\",\"order\":90,\"platform\":\"npm\",\"tags\":[\"AWS\",\"CLI\",\"DevOps\"]},{\"_createdAt\":\"2025-12-11T12:41:32Z\",\"_id\":\"7205c5a8-da69-453b-9be2-12ff104072bc\",\"_rev\":\"s1K1KwRwJGoo6uARlD1KNF\",\"_type\":\"openSource\",\"_updatedAt\":\"2026-05-31T15:32:26Z\",\"category\":\"own\",\"description\":\"Stripe Connect embedded components for Flutter.\",\"link\":\"https://pub.dev/packages/flutter_stripe_connect\",\"name\":\"flutter_stripe_connect\",\"order\":80,\"platform\":\"pub.dev\",\"tags\":[\"Flutter\",\"Stripe Connect\",\"Payments\"]},{\"_createdAt\":\"2025-12-10T14:07:26Z\",\"_id\":\"e095f434-f417-4ba4-b8fd-8baefcc899ad\",\"_rev\":\"x7Rdwa7xqncucY4IoFeqO5\",\"_type\":\"openSource\",\"_updatedAt\":\"2026-05-31T15:32:28Z\",\"category\":\"own\",\"description\":\"Type-safe translation code generation for Dart and Flutter JSON localization files.\",\"link\":\"https://pub.dev/packages/translations_code_gen\",\"name\":\"translations_code_gen\",\"order\":70,\"platform\":\"pub.dev\",\"tags\":[\"Dart\",\"Flutter\",\"Codegen\"]},{\"_createdAt\":\"2026-02-24T19:41:43Z\",\"_id\":\"jmT1kThHhcH5VruUDdlLdc\",\"_rev\":\"s1K1KwRwJGoo6uARlD1KpP\",\"_type\":\"openSource\",\"_updatedAt\":\"2026-05-31T16:04:35Z\",\"category\":\"contributed\",\"description\":\"Fast, small, and fully autonomous AI assistant infrastructure built in Rust. Contributed to core functionality and documentation.\",\"link\":\"https://github.com/zeroclaw-labs/zeroclaw\",\"name\":\"ZeroClaw\",\"order\":60,\"platform\":\"github\",\"tags\":[\"Rust\",\"AI Agents\",\"Open Source\"]},{\"_createdAt\":\"2026-02-24T19:41:45Z\",\"_id\":\"jmT1kThHhcH5VruUDdlLxM\",\"_rev\":\"s1K1KwRwJGoo6uARlD1L3U\",\"_type\":\"openSource\",\"_updatedAt\":\"2026-05-31T16:04:36Z\",\"category\":\"contributed\",\"description\":\"Ultra-lightweight AI agent framework. Contributed to framework improvements and bug fixes.\",\"link\":\"https://github.com/HKUDS/nanobot\",\"name\":\"NanoBot\",\"order\":50,\"platform\":\"github\",\"tags\":[\"AI Agents\",\"Framework\",\"Open Source\"]},{\"_createdAt\":\"2026-02-24T19:41:46Z\",\"_id\":\"jmT1kThHhcH5VruUDdlMVu\",\"_rev\":\"x7Rdwa7xqncucY4IoFeqcH\",\"_type\":\"openSource\",\"_updatedAt\":\"2026-05-31T16:04:37Z\",\"category\":\"contributed\",\"description\":\"Personal autonomous AI companion. Contributed to companion features and integrations.\",\"link\":\"https://github.com/warengonzaga/tinyclaw\",\"name\":\"TinyClaw\",\"order\":40,\"platform\":\"github\",\"tags\":[\"AI Agents\",\"Companion\",\"Open Source\"]}],\"posts\":\"$7:props:children:1:props:children:props:posts\"},\"mode\":\"blog\"}]\n"])</script>
22</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.