CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><title>AI Code Mentor: Best Tool for Code Optimization, Refactoring, and Review</title><meta name="description" content="Experience having a coding mentor at your fingertips with AI Code Mentor, the ultimate tool for code optimization, refactoring, and review. Try now for free!"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="icon" href="/favicon.ico"/><meta name="next-head-count" content="5"/><script defer="" data-site="code-mentor.ai" src="https://api.nepcha.com/js/nepcha-analytics.js"></script><link rel="preload" href="/_next/static/css/ddb8dda9a61abefd.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ddb8dda9a61abefd.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-6ef43a8d4a395f49.js" defer=""></script><script src="/_next/static/chunks/framework-73b8966a3c579ab0.js" defer=""></script><script src="/_next/static/chunks/main-6260d066cf2cd7b1.js" defer=""></script><script src="/_next/static/chunks/pages/_app-6de8cf92b4955608.js" defer=""></script><script src="/_next/static/chunks/4ad82c5e-e11e313b430fcc8d.js" defer=""></script><script src="/_next/static/chunks/675-5a8ba4e42fcdc913.js" defer=""></script><script src="/_next/static/chunks/843-0b641ba0b87fee64.js" defer=""></script><script src="/_next/static/chunks/740-950c67b05cc98a98.js" defer=""></script><script src="/_next/static/chunks/pages/index-18986a73d7923eb6.js" defer=""></script><script src="/_next/static/gyAu2LElTKHfRthetxxCH/_buildManifest.js" defer=""></script><script src="/_next/static/gyAu2LElTKHfRthetxxCH/_ssgManifest.js" defer=""></script></head><body><div id="__next"><nav class="block w-full rounded-xl backdrop-saturate-200 backdrop-blur-2xl bg-opacity-80 border-white/80 bg-white text-white max-w-screen-xl px-4 lg:px-8 !bg-white lg:shadow-md sticky top-0 md:top-2 z-[88888] !rounded-none md:!rounded-xl mx-auto py-2 lg:py-4 border-0 shadow-none backdrop-saturate-none"><div class="container mx-auto flex items-center justify-between text-gray-900"><a href="/" class="block antialiased font-sans text-blue-gray-900 mr-4 cursor-pointer py-1.5 font-bold text-sm"><span>AI Code Mentor</span></a><div class="hidden lg:block"><ul class="mb-4 mt-2 flex flex-col gap-2 lg:mb-0 lg:mt-0 lg:flex-row lg:items-center lg:gap-6"><li class="block antialiased font-sans text-sm leading-normal text-blue-gray-900 p-1 font-normal"><a class="flex items-center" href="/#complexity">Code Complexity</a></li><li class="block antialiased font-sans text-sm leading-normal text-blue-gray-900 p-1 font-normal"><a class="flex items-center" href="/#review">Code Review</a></li><li class="block antialiased font-sans text-sm leading-normal text-blue-gray-900 p-1 font-normal"><a class="flex items-center" href="/#refactor">Code Refactor</a></li><li class="block antialiased font-sans text-sm leading-normal text-blue-gray-900 p-1 font-normal"><a class="flex items-center" href="/#pricing">Pricing</a></li><a href="/signin"><li class="block antialiased font-sans text-sm leading-normal text-blue-gray-900 p-1 font-normal">Login</li></a></ul></div><button class="relative align-middle select-none font-sans font-medium text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none max-w-[40px] max-h-[40px] rounded-lg text-xs ml-auto h-6 w-6 text-inherit hover:bg-transparent focus:bg-transparent active:bg-transparent lg:hidden" type="button"><span class="absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg></span></button></div><div class="block w-full basis-full overflow-hidden red" style="height:0px"><div class="container mx-auto"><ul class="mb-4 mt-2 flex flex-col gap-2 lg:mb-0 lg:mt-0 lg:flex-row lg:items-center lg:gap-6"><li class="block antialiased font-sans text-sm leading-normal text-blue-gray-900 p-1 font-normal"><a class="flex items-center" href="/#complexity">Code Complexity</a></li><li class="block antialiased font-sans text-sm leading-normal text-blue-gray-900 p-1 font-normal"><a class="flex items-center" href="/#review">Code Review</a></li><li class="block antialiased font-sans text-sm leading-normal text-blue-gray-900 p-1 font-normal"><a class="flex items-center" href="/#refactor">Code Refactor</a></li><li class="block antialiased font-sans text-sm leading-normal text-blue-gray-900 p-1 font-normal"><a class="flex items-center" href="/#pricing">Pricing</a></li><a href="/signin"><li class="block antialiased font-sans text-sm leading-normal text-blue-gray-900 p-1 font-normal">Login</li></a></ul></div></div></nav><div class="flex h-full min-h-screen flex-col items-center pb-20 text-neutral-200"><img alt="lines" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="absolute w-full opacity-60 -z-50 left-0" style="color:transparent" src="rounded-lines.svg"/><img alt="shadows" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="absolute -z-50 end-0 top-0 -mt-52 -me-52" style="color:transparent" src="/shadows.svg"/><div class="mt-10 flex flex-col items-center justify-center sm:mt-20"><img alt="AI Code Mentor" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2FAI.png&w=128&q=75 1x, /_next/image?url=%2FAI.png&w=256&q=75 2x" src="/_next/image?url=%2FAI.png&w=256&q=75"/><div class="text-4xl font-bold mt-8">Code Mentor</div><p class="text-center mt-3 text-gray-700 font-normal mb-20">Start coding smarter today with the ultimate explainer tool <br/> based on Artificial Intelligence for optimizing, refactoring, and reviewing code!</p></div><div class="flex flex-wrap justify-center items-center w-full sm:w-700"><div class="w-full md:w-1/2"><div class="p-4 text-center"><h2 class="text-lg font-bold mb-1">Step 1</h2><p class="text-gray-700">Insert the code you want to be <br/> explained.</p></div></div><div class="w-full md:w-1/2"><div class="p-4 text-center"><h2 class="text-lg font-bold mb-2">Step 2</h2><p class="text-gray-700">Choose how you want the <br/> code to be explained.</p></div></div></div><div class="mt-10 flex flex-col items-center justify-center sm:mt-20"><div class="text-lg text-gray-700 mb-0">Step 1/2</div><p class="tracking-tight text-gray-900 mb-10 text-2xl font-semibold">Insert your code</p></div><div class="w-full mx-auto w-full md:w-700 p-4 md:p-0"><div class="relative h-300px overflow-scroll"><button class="absolute right-0 top-0 z-10 rounded bg-[#1A1B26] p-1 text-xs text-white hover:bg-[#2D2E3A] active:bg-[#2D2E3A]">Copy</button><div class="cm-theme rounded-md overflow-scroll"></div></div></div><section id="features" aria-label="Features for running your books" class="relative overflow-hidden bg-blue-600 pb-28 pt-20 sm:py-32 w-full" style="background-image:url('/gradient.jpg');background-repeat:no-repeat;background-position:center center;background-size:cover"><div class="mx-auto px-4 sm:px-6 lg:px-8 relative"><div class="max-w-2xl md:mx-auto md:text-center xl:max-w-none"><div class="text-lg text-white mb-1">Step 2/2</div><p class="tracking-tight text-white mb-10 text-2xl font-semibold">How do you want the code to be explained to you?</p></div><div class="mt-16 mx-auto max-w-screen-xl grid grid-cols-1 items-center gap-y-2 pt-10 sm:gap-y-6 md:mt-20 lg:grid-cols-12 lg:pt-0"><div class="-mx-4 overflow-x-auto pb-4 sm:mx-0 sm:overflow-visible sm:pb-0 lg:col-span-5"><div class="relative z-10 flex gap-x-4 whitespace-nowrap px-4 sm:mx-auto sm:px-0 lg:mx-0 lg:block lg:gap-x-0 lg:gap-y-1 lg:whitespace-normal lg:h-[400px] overflow-scroll" role="tablist" aria-orientation="vertical"><div class="group relative rounded-full pl-4 pr-1 py-1 lg:rounded-l-xl lg:rounded-r-none lg:p-6 cursor-pointer bg-white lg:bg-white/10 lg:ring-1 lg:ring-inset lg:ring-white/10"><div class="flex items-center justify-between"><div class="flex"><div class="font-display text-2xl text-blue-600">🤖</div><p class="ml-2 mr-2 mt-1 text-md lg:block lg:text-white text-gray-700">Robot</p></div><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-2 px-4 bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none rounded-full md:rounded-md" type="button">Explain</button></div></div><div class="group relative rounded-full pl-4 pr-1 py-1 lg:rounded-l-xl lg:rounded-r-none lg:p-6 cursor-pointer hover:bg-white/10 lg:hover:bg-white/5"><div class="flex items-center justify-between"><div class="flex"><div class="font-display text-2xl text-blue-600">👦🏻</div><p class="ml-2 mr-2 mt-1 text-md lg:block lg:text-white text-white">5 Years Old</p></div><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-2 px-4 bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none rounded-full md:rounded-md hidden" type="button">Explain</button></div></div><div class="group relative rounded-full pl-4 pr-1 py-1 lg:rounded-l-xl lg:rounded-r-none lg:p-6 cursor-pointer hover:bg-white/10 lg:hover:bg-white/5"><div class="flex items-center justify-between"><div class="flex"><div class="font-display text-2xl text-blue-600">👨🏻‍💻</div><p class="ml-2 mr-2 mt-1 text-md lg:block lg:text-white text-white">Beginner Programmer</p></div><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-2 px-4 bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none rounded-full md:rounded-md hidden" type="button">Explain</button></div></div><div class="group relative rounded-full pl-4 pr-1 py-1 lg:rounded-l-xl lg:rounded-r-none lg:p-6 cursor-pointer hover:bg-white/10 lg:hover:bg-white/5"><div class="flex items-center justify-between"><div class="flex"><div class="font-display text-2xl text-blue-600">👩🏻‍🏫</div><p class="ml-2 mr-2 mt-1 text-md lg:block lg:text-white text-white">Teacher</p></div><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-2 px-4 bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none rounded-full md:rounded-md hidden" type="button">Explain</button></div></div><div class="group relative rounded-full pl-4 pr-1 py-1 lg:rounded-l-xl lg:rounded-r-none lg:p-6 cursor-pointer hover:bg-white/10 lg:hover:bg-white/5"><div class="flex items-center justify-between"><div class="flex"><div class="font-display text-2xl text-blue-600">👨🏻‍🚀</div><p class="ml-2 mr-2 mt-1 text-md lg:block lg:text-white text-white">NASA Programmer</p></div><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-2 px-4 bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none rounded-full md:rounded-md hidden" type="button">Explain</button></div></div><div class="group relative rounded-full pl-4 pr-1 py-1 lg:rounded-l-xl lg:rounded-r-none lg:p-6 cursor-pointer hover:bg-white/10 lg:hover:bg-white/5"><div class="flex items-center justify-between"><div class="flex"><div class="font-display text-2xl text-blue-600">🍕</div><p class="ml-2 mr-2 mt-1 text-md lg:block lg:text-white text-white">Pizza Delivery Guy</p><div class="relative grid items-center font-sans font-bold uppercase whitespace-nowrap select-none py-1 px-2 text-xs rounded-md bg-white text-gray-900" style="opacity:0"><span class="">PRO</span></div></div><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-2 px-4 bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none rounded-full md:rounded-md hidden" type="button">Explain</button></div></div><div class="group relative rounded-full pl-4 pr-1 py-1 lg:rounded-l-xl lg:rounded-r-none lg:p-6 cursor-pointer hover:bg-white/10 lg:hover:bg-white/5"><div class="flex items-center justify-between"><div class="flex"><div class="font-display text-2xl text-blue-600">🚌</div><p class="ml-2 mr-2 mt-1 text-md lg:block lg:text-white text-white">Bus Driver</p><div class="relative grid items-center font-sans font-bold uppercase whitespace-nowrap select-none py-1 px-2 text-xs rounded-md bg-white text-gray-900" style="opacity:0"><span class="">PRO</span></div></div><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-2 px-4 bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none rounded-full md:rounded-md hidden" type="button">Explain</button></div></div><div class="group relative rounded-full pl-4 pr-1 py-1 lg:rounded-l-xl lg:rounded-r-none lg:p-6 cursor-pointer hover:bg-white/10 lg:hover:bg-white/5"><div class="flex items-center justify-between"><div class="flex"><div class="font-display text-2xl text-blue-600">🪄</div><p class="ml-2 mr-2 mt-1 text-md lg:block lg:text-white text-white">Magician</p><div class="relative grid items-center font-sans font-bold uppercase whitespace-nowrap select-none py-1 px-2 text-xs rounded-md bg-white text-gray-900" style="opacity:0"><span class="">PRO</span></div></div><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-2 px-4 bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none rounded-full md:rounded-md hidden" type="button">Explain</button></div></div><div class="group relative rounded-full pl-4 pr-1 py-1 lg:rounded-l-xl lg:rounded-r-none lg:p-6 cursor-pointer hover:bg-white/10 lg:hover:bg-white/5"><div class="flex items-center justify-between"><div class="flex"><div class="font-display text-2xl text-blue-600">☕️</div><p class="ml-2 mr-2 mt-1 text-md lg:block lg:text-white text-white">Barista</p><div class="relative grid items-center font-sans font-bold uppercase whitespace-nowrap select-none py-1 px-2 text-xs rounded-md bg-white text-gray-900" style="opacity:0"><span class="">PRO</span></div></div><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-2 px-4 bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none rounded-full md:rounded-md hidden" type="button">Explain</button></div></div><div class="group relative rounded-full pl-4 pr-1 py-1 lg:rounded-l-xl lg:rounded-r-none lg:p-6 cursor-pointer hover:bg-white/10 lg:hover:bg-white/5"><div class="flex items-center justify-between"><div class="flex"><div class="font-display text-2xl text-blue-600">👨‍⚕️</div><p class="ml-2 mr-2 mt-1 text-md lg:block lg:text-white text-white">Doctor</p><div class="relative grid items-center font-sans font-bold uppercase whitespace-nowrap select-none py-1 px-2 text-xs rounded-md bg-white text-gray-900" style="opacity:0"><span class="">PRO</span></div></div><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-2 px-4 bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none rounded-full md:rounded-md hidden" type="button">Explain</button></div></div></div></div><div class="relative lg:col-span-7"><div class="relative mt-10 lg:mt-0"><div class="mx-auto max-w-md px-4 sm:max-w-3xl sm:px-6 lg:max-w-none lg:px-0"><div class="bg-[#1A1B26] rounded-lg shadow-lg overflow-hidden"><div class="relative"><button class="absolute right-0 top-0 z-10 rounded bg-[#1A1B26] p-1 text-xs text-white hover:bg-[#2D2E3A] active:bg-[#2D2E3A]">Copy</button><div class="p-4 h-500px bg-[#1A1B26] text-white overflow-scroll rounded-md"><div class="font-normal"></div></div></div></div></div></div></div></div></div></section></div><div class="lg:px-32 pt-10"><div class="max-w-screen-xl mx-auto"><div class="text-lg text-gray-700 mb-0 text-center">Examples</div><p class="tracking-tight text-gray-900 mb-10 text-2xl font-semibold text-center">Here you can find more examples</p><img alt="lines" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="absolute w-full opacity-60 -z-50 left-0" style="color:transparent" src="rounded-lines.svg"/><div class="flex flex-col justify-center pb-10 mx-auto relative"><img alt="shadow" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="absolute w-full -z-50 -mt-60" style="color:transparent" src="/shadows.svg"/><div class="overflow-hidden block"><nav><ul role="tablist" class="flex relative rounded-lg flex-row sm:mx-60 mb-8 mx-auto bg-white bg-opacity-100 p-2"><li role="tab" class="grid place-items-center text-center w-full h-full relative bg-transparent py-1 px-2 antialiased font-sans text-base leading-relaxed select-none cursor-pointer text-white font-bold" data-value="bubble-sort"><div class="z-20 text-inherit">Bubble Sort</div><div class="absolute inset-0 z-10 h-full bg-white rounded-md shadow"></div></li><li role="tab" class="grid place-items-center text-center w-full h-full relative bg-transparent py-1 px-2 antialiased font-sans text-base leading-relaxed select-none cursor-pointer text-slate-800 font-bold" data-value="quick-sort"><div class="z-20 text-inherit">Quick Sort</div></li><li role="tab" class="grid place-items-center text-center w-full h-full relative bg-transparent py-1 px-2 antialiased font-sans text-base leading-relaxed select-none cursor-pointer text-slate-800 font-bold" data-value="heap-sort"><div class="z-20 text-inherit">Heap Sort</div></li><li role="tab" class="grid place-items-center text-center w-full h-full relative bg-transparent py-1 px-2 antialiased font-sans text-base leading-relaxed select-none cursor-pointer text-slate-800 font-bold" data-value="radix-sort"><div class="z-20 text-inherit">Radix Sort</div></li></ul></nav><div class="block w-full relative bg-transparent overflow-hidden"><div role="tabpanel" class="w-full h-max antialiased font-sans text-base font-light leading-relaxed text-stone-900 p-0" data-value="bubble-sort"><div class="mt-6 flex w-full max-w-[1200px] flex-col justify-between sm:flex-row sm:space-x-4 p-4 md:p-0"><div class="h-100 flex flex-col justify-center space-y-2 sm:w-2/4"><div class="text-lg mb-2 font-bold">Code</div><div class="relative h-500px overflow-scroll"><button class="absolute right-0 top-0 z-10 rounded bg-[#1A1B26] p-1 text-xs text-white hover:bg-[#2D2E3A] active:bg-[#2D2E3A]">Copy</button><div class="cm-theme rounded-md overflow-scroll"></div></div></div><div class="mt-8 flex h-full flex-col justify-center space-y-2 sm:mt-0 sm:w-2/4"><div class="text-lg mb-2 font-bold">Result</div><div class="relative"><button class="absolute right-0 top-0 z-10 rounded bg-[#1A1B26] p-1 text-xs text-white hover:bg-[#2D2E3A] active:bg-[#2D2E3A]">Copy</button><div class="p-4 h-500px bg-[#1A1B26] text-white overflow-scroll rounded-md"><div class="font-normal"><p>This code defines a function called bblSort which takes an array as input and sorts it in ascending order using the Bubble Sort algorithm.</p> <p>The function begins by initializing a variable i to 0, and then enters a for loop that runs while i is less than the length of the input array arr. In each iteration of the outer loop, another for loop is entered, with a variable j initialized to 0.</p> <p>The inner loop runs while j is less than the difference between the length of the array arr and the current value of i, minus 1. This means that in each iteration of the outer loop, the inner loop will compare one less element at the end of the array, because the largest element has already been sorted in the previous iteration.</p> <p>Within the inner loop, the algorithm compares the jth element of the array with the j+1th element of the array. If the jth element is greater than the j+1th element, it swaps their positions in the array using a temporary variable temp. This process continues until the end of the inner loop is reached.</p> <p>Once both loops have completed, the sorted array is output to the console using the console.log method.</p> <p>In summary, this code implements the Bubble Sort algorithm to sort an input array in ascending order.</p></div></div></div></div></div></div><div role="tabpanel" class="w-full h-max antialiased font-sans text-base font-light leading-relaxed text-stone-900 p-0" data-value="quick-sort"><div class="mt-6 flex w-full max-w-[1200px] flex-col justify-between sm:flex-row sm:space-x-4 p-4 md:p-0"><div class="h-100 flex flex-col justify-center space-y-2 sm:w-2/4"><div class="text-lg mb-2 font-bold">Code</div><div class="relative h-500px overflow-scroll"><button class="absolute right-0 top-0 z-10 rounded bg-[#1A1B26] p-1 text-xs text-white hover:bg-[#2D2E3A] active:bg-[#2D2E3A]">Copy</button><div class="cm-theme rounded-md overflow-scroll"></div></div></div><div class="mt-8 flex h-full flex-col justify-center space-y-2 sm:mt-0 sm:w-2/4"><div class="text-lg mb-2 font-bold">Result</div><div class="relative"><button class="absolute right-0 top-0 z-10 rounded bg-[#1A1B26] p-1 text-xs text-white hover:bg-[#2D2E3A] active:bg-[#2D2E3A]">Copy</button><div class="p-4 h-500px bg-[#1A1B26] text-white overflow-scroll rounded-md"><div class="font-normal"><p>This code defines a function called quickSort which takes an array as input and sorts it in ascending order using the Quick Sort algorithm.</p> <p>The function first checks whether the input array has a length of 1 or less. If so, it simply returns the input array as it is already sorted.</p> <p>If the input array has a length greater than 1, the function selects the first element in the array as the pivot. It then initializes two empty arrays, leftArr and rightArr.</p> <p>Next, the function enters a for loop that iterates over the remaining elements in the input array (i.e. starting from index 1). For each element, it compares it with the pivot. If the element is less than the pivot, it is added to the leftArr. Otherwise, it is added to the rightArr.</p> <p>Once the for loop has completed, the function recursively calls itself on the leftArr and rightArr, and concatenates the result with the pivot element. This process continues until the entire array has been sorted.</p> <p>In summary, this code implements the Quick Sort algorithm to sort an input array in ascending order by recursively dividing the input array into subarrays based on a pivot element, and then merging the subarrays back together in sorted order.</p></div></div></div></div></div></div><div role="tabpanel" class="w-full h-max antialiased font-sans text-base font-light leading-relaxed text-stone-900 p-0" data-value="heap-sort"><div class="mt-6 flex w-full max-w-[1200px] flex-col justify-between sm:flex-row sm:space-x-4 p-4 md:p-0"><div class="h-100 flex flex-col justify-center space-y-2 sm:w-2/4"><div class="text-lg mb-2 font-bold">Code</div><div class="relative h-500px overflow-scroll"><button class="absolute right-0 top-0 z-10 rounded bg-[#1A1B26] p-1 text-xs text-white hover:bg-[#2D2E3A] active:bg-[#2D2E3A]">Copy</button><div class="cm-theme rounded-md overflow-scroll"></div></div></div><div class="mt-8 flex h-full flex-col justify-center space-y-2 sm:mt-0 sm:w-2/4"><div class="text-lg mb-2 font-bold">Result</div><div class="relative"><button class="absolute right-0 top-0 z-10 rounded bg-[#1A1B26] p-1 text-xs text-white hover:bg-[#2D2E3A] active:bg-[#2D2E3A]">Copy</button><div class="p-4 h-500px bg-[#1A1B26] text-white overflow-scroll rounded-md"><div class="font-normal"><p>This code implements the Heap Sort algorithm to sort an array of integers in ascending order.</p> <p>The sort function takes an input array arr and first calculates the length of the array N. It then enters a for loop that initializes a heap by calling the heapify function on each non-leaf node in the heap. The loop iterates over all non-leaf nodes in the heap, starting from the bottom-most layer and working its way up.</p> <p>After the heap has been initialized, the sort function enters another for loop that sorts the input array. In each iteration of the loop, the function swaps the first (maximum) element in the heap with the last element in the heap, decrements the size of the heap by 1, and then re-heapifies the remaining elements in the heap.</p> <p>The heapify function takes three arguments: the input array arr, the size of the heap N, and the index of the current node in the heap i. The function first initializes a variable largest to the current node index i, and calculates the indices of the left child l and right child r of the current node.</p> <p>The function then checks whether the left or right child is larger than the current node. If so, it updates the value of largest accordingly.</p> <p>Finally, if the value of largest has changed from i, the function swaps the values of arr[i] and arr[largest], and then recursively calls itself on the affected child node.</p> <p>The printArray function simply prints the elements of an input array to the document.</p> <p>In the main part of the code, an example input array arr is defined and passed to the sort function. The sorted array is then printed to the document using the printArray function.</p></div></div></div></div></div></div><div role="tabpanel" class="w-full h-max antialiased font-sans text-base font-light leading-relaxed text-stone-900 p-0" data-value="radix-sort"><div class="mt-6 flex w-full max-w-[1200px] flex-col justify-between sm:flex-row sm:space-x-4 p-4 md:p-0"><div class="h-100 flex flex-col justify-center space-y-2 sm:w-2/4"><div class="text-lg mb-2 font-bold">Code</div><div class="relative h-500px overflow-scroll"><button class="absolute right-0 top-0 z-10 rounded bg-[#1A1B26] p-1 text-xs text-white hover:bg-[#2D2E3A] active:bg-[#2D2E3A]">Copy</button><div class="cm-theme rounded-md overflow-scroll"></div></div></div><div class="mt-8 flex h-full flex-col justify-center space-y-2 sm:mt-0 sm:w-2/4"><div class="text-lg mb-2 font-bold">Result</div><div class="relative"><button class="absolute right-0 top-0 z-10 rounded bg-[#1A1B26] p-1 text-xs text-white hover:bg-[#2D2E3A] active:bg-[#2D2E3A]">Copy</button><div class="p-4 h-500px bg-[#1A1B26] text-white overflow-scroll rounded-md"><div class="font-normal"><p>This is an implementation of the radix sort algorithm in JavaScript.</p> <p>Radix sort is a non-comparative integer sorting algorithm that sorts data with integer keys by grouping the keys by individual digits that share the same significant position and value. It is a linear time complexity algorithm, which makes it efficient for sorting large sets of data.</p> <p>The code begins by defining a function named radixSort that takes an array of integers (arr) as input. It finds the maximum number of digits in the input array by calling the largestNum function, which returns the number with the most digits.</p> <p>Then, a loop is started to go through each digit of the numbers in the input array, starting from the least significant digit (i.e., the ones place) and moving towards the most significant digit (i.e., the highest place value). For each digit, a set of buckets (an array of 10 empty arrays) is created to hold the integers with the same digit in that place.</p> <p>Another loop is started to go through each integer in the input array. For each integer, its digit in the current place value is extracted using the getNum function and used as an index to add the integer to the appropriate bucket.</p> <p>After all the integers have been placed in their respective buckets, the contents of the buckets are concatenated and stored in the original arr array. This process repeats for each digit until the entire array is sorted.</p> <p>Finally, the sorted arr is returned by the function.</p> <p>Overall, this implementation of radix sort works by sorting the input array digit by digit, starting from the least significant digit and moving towards the most significant digit. By sorting each digit separately, the algorithm avoids the need to compare and swap individual elements, resulting in a more efficient sorting process.</p></div></div></div></div></div></div></div></div></div></div><div class="max-w-screen-xl mx-auto mt-10 p-4 md:p-0"><div class="flex justify-center align-center pb-10 mx-auto relative"><div class="h-100 flex flex-col justify-center space-y-2 md:w-2/4"><div class="text-2xl font-bold mb-4">Why use our AI Code Explainer?</div><p class="mt-3 text-gray-700 font-normal mb-20">AI Code Mentor is an code explainer based on Artificial Intelligence (AI) designed to help developers of all levels, but especially beginners, understand how code works across a variety of programming languages.</p><p class="mt-3 text-gray-700 font-normal mb-20">This tool is intuitive, you just need to enter the code you are interested in and choose how you want it to be explained. Using AI Code Mentor, you will gain a deeper understanding of the programming logic, becoming a better developer.</p></div><div class="h-100 px-4 space-y-2 md:w-2/4 relative"><img alt="ai-image" loading="lazy" width="200" height="200" decoding="async" data-nimg="1" class="md:w-4/5 ms-auto md:relative absolute left-0 md:opacity-100 opacity-30" style="color:transparent" srcSet="/_next/image?url=%2Fai-code-mentor-tech.png&w=256&q=75 1x, /_next/image?url=%2Fai-code-mentor-tech.png&w=640&q=75 2x" src="/_next/image?url=%2Fai-code-mentor-tech.png&w=640&q=75"/></div></div></div><div class="max-w-screen-xl mx-auto mt-20 p-4 md:p-0"><div class="text-lg text-gray-700 mb-0 text-center">MORE FEATURES</div><p class="tracking-tight text-gray-900 mb-10 text-2xl font-semibold text-center mb-32">Speed up your code development</p><div class="flex justify-center align-center pb-10 mx-auto relative" id="complexity"><div class="h-100 flex flex-col justify-center space-y-2 md:w-2/4"><div class="text-sm text-blue-500 mb-0">FREE FEATURE</div><p class="tracking-tight text-gray-900 mb-10 text-2xl font-semibold">Code Complexity</p><p class="mt-3 text-gray-700 font-normal mb-20">Forget about the dozen lines of complicated code that are difficult to maintain, harder to update, and slower in performance! Say hello to a simpler, cleaner code that anyone could read and understand.</p><p class="pt-4 text-gray-700 font-normal pb-5">AI Code Mentor is here to help you optimize your code so you can focus on the functionalities.</p><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 px-6 rounded-lg bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none w-32" type="button">Try Now</button></div><div class="h-100 px-4 space-y-2 md:w-2/4 relative"><img alt="ai-image" loading="lazy" width="200" height="200" decoding="async" data-nimg="1" class="md:w-4/5 ms-auto md:relative absolute left-0 md:opacity-100 opacity-30" style="color:transparent" srcSet="/_next/image?url=%2Fcode-complexity.jpg&w=256&q=75 1x, /_next/image?url=%2Fcode-complexity.jpg&w=640&q=75 2x" src="/_next/image?url=%2Fcode-complexity.jpg&w=640&q=75"/></div></div></div><div class="max-w-screen-xl mx-auto mt-20 p-4 md:p-0"><div class="flex justify-center md:flex-row-reverse align-center pb-10 mx-auto relative" id="refactor"><div class="h-100 flex flex-col justify-center space-y-2 md:w-2/4"><div class="text-sm text-blue-500 mb-0">PRO FEATURE</div><p class="tracking-tight text-gray-900 mb-10 text-2xl font-semibold">Code Refactor</p><p class="mt-3 text-gray-700 font-normal mb-20">Have you spent hours searching for bugs in your code? AI Code Mentor is the tool for you! It can improve the readability of your code and find any bugs or vulnerabilities hidden within it.</p><p class="pt-4 text-gray-700 font-normal pb-5">Don't worry! Your project will look the same, but with higher quality code.</p><a href="/#pricing"><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 px-6 rounded-lg bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none flex items-center" type="button">Pricing</button></a></div><div class="h-100 px-4 space-y-2 md:w-2/4 relative"><img alt="ai-image" loading="lazy" width="200" height="200" decoding="async" data-nimg="1" class="md:w-4/5 mr-auto md:relative absolute left-0 md:opacity-100 opacity-30" style="color:transparent" srcSet="/_next/image?url=%2Fcode-refactor.jpg&w=256&q=75 1x, /_next/image?url=%2Fcode-refactor.jpg&w=640&q=75 2x" src="/_next/image?url=%2Fcode-refactor.jpg&w=640&q=75"/></div></div></div><div class="max-w-screen-xl mx-auto mt-20 p-4 md:p-0"><div class="flex justify-center align-center pb-10 mx-auto relative" id="review"><div class="h-100 flex flex-col justify-center space-y-2 md:w-2/4"><div class="text-sm text-blue-500 mb-0">PRO FEATURE</div><p class="tracking-tight text-gray-900 mb-10 text-2xl font-semibold">Code Review</p><p class="mt-3 text-gray-700 font-normal mb-20">The code review process is one of the most crucial steps in building a web project, and the truth is that it can be time-consuming and less efficient at times.</p><p class="pt-4 text-gray-700 font-normal pb-5">Our AI-based tool will guide you through this process by reviewing your code instead of you and providing all the necessary explanations.</p><a href="/#pricing"><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 px-6 rounded-lg bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none flex items-center" type="button">Pricing</button></a></div><div class="h-100 px-4 space-y-2 md:w-2/4 relative "><img alt="ai-image" loading="lazy" width="200" height="200" decoding="async" data-nimg="1" class="md:w-4/5 ms-auto md:relative absolute left-0 md:opacity-100 opacity-30" style="color:transparent" srcSet="/_next/image?url=%2Fcode-review.jpg&w=256&q=75 1x, /_next/image?url=%2Fcode-review.jpg&w=640&q=75 2x" src="/_next/image?url=%2Fcode-review.jpg&w=640&q=75"/></div></div></div><section id="pricing"><div class="lg:min-h-[50vh] px-8 pt-16 pb-24 rounded-xl mt-20 " style="background-image:url('/gradient.jpg');background-repeat:no-repeat;background-position:center center;background-size:cover"><div class="container mx-auto text-center"><p class="block antialiased font-sans text-base leading-relaxed text-white mb-2 font-bold">AI Code Mentor</p><h2 class="block antialiased tracking-normal font-sans text-4xl font-semibold leading-[1.3] text-white mb-2">See our pricing</h2><p class="block antialiased font-sans text-xl font-normal leading-relaxed text-white mb-8 opacity-80">Choose your favorite plan.</p></div></div><div class="-mt-32 px-8 pt-8 pb-16"><div class="lg:mx-10 grid gap-10 xl:grid-cols-3"><div class="relative flex flex-col bg-clip-border rounded-xl bg-white text-gray-700 shadow-md border border-blue-gray-50 col-start-1"><div class="p-8 text-center"><div class="mb-8 inline-flex items-center rounded-full bg-blue-50 py-1 pl-1 pr-1"><p class="block antialiased font-sans text-sm leading-normal rounded-full bg-white py-px px-3 font-bold text-blue-500">Basic Plan</p></div><h1 class="block antialiased tracking-normal font-sans text-5xl font-semibold leading-tight text-blue-gray-900 mb-2">Free</h1><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal"></p><ul class="my-8 flex flex-col gap-3 border-y border-blue-gray-50 py-6"><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-blue-500"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">Code Explainer</p></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-blue-500"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">Code Complexity</p></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-blue-500"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">500 Characters</p></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-gray-700"><path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">Code Refactor</p></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-gray-700"><path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">Code Review</p></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-gray-700"><path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">5 New Explainer Models</p></li></ul><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-sm py-3.5 px-7 rounded-lg bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none block w-full" type="button">Try Demo</button></div></div><div class="relative flex flex-col bg-clip-border rounded-xl bg-white text-gray-700 shadow-md border border-blue-gray-50"><div class="p-8 text-center"><div class="mb-8 inline-flex items-center rounded-full bg-blue-50 py-1 px-1"><p class="block antialiased font-sans text-sm leading-normal rounded-full bg-blue-50 py-px px-3 font-bold text-blue-500">Pro Monthly Plan</p></div><h1 class="block antialiased tracking-normal font-sans text-5xl font-semibold leading-tight text-blue-gray-900 mb-2">$7/mth</h1><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal"></p><ul class="my-8 flex flex-col gap-3 border-y border-blue-gray-50 py-6"><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-blue-500"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">Code Explainer</p></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-blue-500"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">Code Complexity</p></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-blue-500"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">2000 Characters</p></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-blue-500"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">Code Refactor</p></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-blue-500"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">Code Review</p></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-blue-500"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">5 New Explainer Models</p></li></ul><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-sm py-3.5 px-7 rounded-lg bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none block w-full" type="button">Buy Now</button></div></div><div class="relative flex flex-col bg-clip-border rounded-xl bg-white text-gray-700 shadow-md border border-blue-gray-50"><div class="p-8 text-center"><div class="mb-8 inline-flex items-center rounded-full bg-blue-50 p-1"><p class="block antialiased font-sans text-sm leading-normal rounded-full bg-blue-50 py-px px-3 font-bold text-blue-500">Pro Yearly Plan</p></div><h1 class="block antialiased tracking-normal font-sans text-5xl font-semibold leading-tight text-blue-gray-900 mb-2">$29/year</h1><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal"></p><ul class="my-8 flex flex-col gap-3 border-y border-blue-gray-50 py-6"><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-blue-500"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">Code Explainer</p></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-blue-500"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">Code Complexity</p></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-blue-500"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">2000 Characters</p></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-blue-500"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">Code Refactor</p></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-blue-500"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">Code Review</p></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-blue-500"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="block antialiased font-sans text-base leading-relaxed text-gray-700 font-normal opacity-80">5 New Explainer Models</p></li></ul><button class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-sm py-3.5 px-7 rounded-lg bg-blue-500 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none block w-full" type="button">Buy Now</button></div></div></div></div></section><div class="lg:px-32 my-16" id="faq"><div class="max-w-[1200px] mx-auto"><div class="text-lg text-gray-700 mb-0 text-center">FAQs</div><p class="tracking-tight text-gray-900 mb-10 text-2xl font-semibold text-center">Everything you need to know about AI Code Mentor</p><div class="w-3/4 mx-auto"><div title="What is AI Code Mentor?" class="block relative w-full"><button type="button" class="flex justify-between items-center w-full py-4 border-b border-b-blue-gray-100 antialiased font-sans text-xl text-left font-semibold leading-snug select-none hover:text-blue-gray-900 transition-colors text-gray-900">What is AI Code Mentor?<span class="ml-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5 10a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg></span></button><div class="overflow-hidden" style="height:0px"><div class="block w-full py-4 text-gray-700 antialiased font-sans font-normal text-md">AI Code Mentor is a code explainer tool that uses artificial intelligence to generate complete and comprehensive explanation for code sections, providing a personalized and engaging learning experience.</div></div></div><div title="Is AI Code Mentor free?" class="block relative w-full"><button type="button" class="flex justify-between items-center w-full py-4 border-b border-b-blue-gray-100 antialiased font-sans text-xl text-left font-semibold leading-snug select-none hover:text-blue-gray-900 transition-colors text-gray-900">Is AI Code Mentor free?<span class="ml-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z" clip-rule="evenodd"></path></svg></span></button><div class="overflow-hidden" style="height:0px"><div class="block w-full py-4 text-gray-700 antialiased font-sans font-normal text-md">Yes, it is free.</div></div></div><div title="How can I use AI Code Mentor to learn programming?" class="block relative w-full"><button type="button" class="flex justify-between items-center w-full py-4 border-b border-b-blue-gray-100 antialiased font-sans text-xl text-left font-semibold leading-snug select-none hover:text-blue-gray-900 transition-colors text-gray-900">How can I use AI Code Mentor to learn programming?<span class="ml-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z" clip-rule="evenodd"></path></svg></span></button><div class="overflow-hidden" style="height:0px"><div class="block w-full py-4 text-gray-700 antialiased font-sans font-normal text-md">Using AI Code Mentor is very simple, enter the code you&apos;re interested in and select how you want it explained.By using our tool, you will gain a deeper understanding of the programming logic, allowing you to become a better developer.</div></div></div><div title="Can I use AI Code Mentor to learn HTML/ CSS?" class="block relative w-full"><button type="button" class="flex justify-between items-center w-full py-4 border-b border-b-blue-gray-100 antialiased font-sans text-xl text-left font-semibold leading-snug select-none hover:text-blue-gray-900 transition-colors text-gray-900">Can I use AI Code Mentor to learn HTML/ CSS?<span class="ml-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z" clip-rule="evenodd"></path></svg></span></button><div class="overflow-hidden" style="height:0px"><div class="block w-full py-4 text-gray-700 antialiased font-sans font-normal text-md">Yes, you can use AI Code Mentor to get explanations for HTML or CSS code.</div></div></div><div title="Can I use AI Code Mentor to learn Javascript?" class="block relative w-full"><button type="button" class="flex justify-between items-center w-full py-4 border-b border-b-blue-gray-100 antialiased font-sans text-xl text-left font-semibold leading-snug select-none hover:text-blue-gray-900 transition-colors text-gray-900">Can I use AI Code Mentor to learn Javascript?<span class="ml-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z" clip-rule="evenodd"></path></svg></span></button><div class="overflow-hidden" style="height:0px"><div class="block w-full py-4 text-gray-700 antialiased font-sans font-normal text-md">Yes, you can use AI Code Mentor to get explanations for Javascript code.</div></div></div><div title="Can I use AI Code Mentor to learn Python?" class="block relative w-full"><button type="button" class="flex justify-between items-center w-full py-4 border-b border-b-blue-gray-100 antialiased font-sans text-xl text-left font-semibold leading-snug select-none hover:text-blue-gray-900 transition-colors text-gray-900">Can I use AI Code Mentor to learn Python?<span class="ml-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z" clip-rule="evenodd"></path></svg></span></button><div class="overflow-hidden" style="height:0px"><div class="block w-full py-4 text-gray-700 antialiased font-sans font-normal text-md">Yes, you can use AI Code Mentor to get explanations for Python code.</div></div></div><div title="Can I debug code using AI Code Mentor?" class="block relative w-full"><button type="button" class="flex justify-between items-center w-full py-4 border-b border-b-blue-gray-100 antialiased font-sans text-xl text-left font-semibold leading-snug select-none hover:text-blue-gray-900 transition-colors text-gray-900">Can I debug code using AI Code Mentor?<span class="ml-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z" clip-rule="evenodd"></path></svg></span></button><div class="overflow-hidden" style="height:0px"><div class="block w-full py-4 text-gray-700 antialiased font-sans font-normal text-md">Yes, you can.</div></div></div></div></div></div><div class="z-90 relative mx-auto -mt-40 w-4/5 rounded-xl lg:w-3/5 mt-10"><div class="text-center p-5 md:p-10"><div class="w-full px-4 xl:w-8/12 mx-auto"><h4 class="block antialiased font-sans text-2xl leading-snug mb-2 font-black text-gray-900 tracking-normal">Join our newsletter</h4><p class="block antialiased font-sans text-sm text-gray-800 font-normal">By subscribing, you'll be the first to know about the latest news and updates.</p></div><div class="w-full px-4 zl:w-7/12 mx-auto mt-8"><form action="https://gmail.us21.list-manage.com/subscribe/post?u=82362b3da5729b51b5172a686&id=8c0585317d&f_id=004b5de1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" class="mt-4 block md:flex lg:mt-0 justify-center"><div class="w-full md:w-8/12"><div class="relative w-full min-w-[200px] h-11"><input type="email" name="EMAIL" id="mce-EMAIL" required="" class="peer w-full h-full bg-transparent text-blue-gray-700 font-sans font-normal outline outline-0 focus:outline-0 disabled:bg-blue-gray-50 disabled:border-0 transition-all placeholder-shown:border placeholder-shown:border-blue-gray-200 placeholder-shown:border-t-blue-gray-200 border focus:border-2 border-t-transparent focus:border-t-transparent text-sm px-3 py-3 rounded-md border-blue-gray-200 focus:border-blue-500 text-gray-800/80" placeholder=" "/><label class="flex w-full h-full select-none pointer-events-none absolute left-0 font-normal peer-placeholder-shown:text-blue-gray-500 leading-tight peer-focus:leading-tight peer-disabled:text-transparent peer-disabled:peer-placeholder-shown:text-blue-gray-500 transition-all -top-1.5 peer-placeholder-shown:text-sm text-[11px] peer-focus:text-[11px] before:content[' '] before:block before:box-border before:w-2.5 before:h-1.5 before:mt-[6.5px] before:mr-1 peer-placeholder-shown:before:border-transparent before:rounded-tl-md before:border-t peer-focus:before:border-t-2 before:border-l peer-focus:before:border-l-2 before:pointer-events-none before:transition-all peer-disabled:before:border-transparent after:content[' '] after:block after:flex-grow after:box-border after:w-2.5 after:h-1.5 after:mt-[6.5px] after:ml-1 peer-placeholder-shown:after:border-transparent after:rounded-tr-md after:border-t peer-focus:after:border-t-2 after:border-r peer-focus:after:border-r-2 after:pointer-events-none after:transition-all peer-disabled:after:border-transparent peer-placeholder-shown:leading-[4.1] text-blue-gray-400 peer-focus:text-blue-500 before:border-blue-gray-200 peer-focus:before:!border-blue-500 after:border-blue-gray-200 peer-focus:after:!border-blue-500 peer-placeholder-shown:text-gray-800/80 text-gra-800/80">Enter your email <span class="inline-block text-red-500 ml-0.5">*</span></label></div></div><button type="submit" name="subscribe" id="mc-embedded-subscribe" class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 px-6 rounded-lg bg-gradient-to-tr from-blue-600 to-blue-400 text-white shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/40 active:opacity-[0.85] mt-3 w-full md:mt-0 md:ml-3 md:w-auto">Subscribe</button></form></div></div></div><footer class="max-w-screen-xl mx-auto gap-y-6 gap-x-12 border-blue-gray-50 py-6 text-center md:justify-between pt-20 relative overflow-hidden"><img alt="shadow" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="absolute w-full z-0 xl:-mt-40 -mt-20" style="color:transparent" src="/shadows.svg"/><hr class="border border-gray-100 mb-10"/><div class="flex flex-col md:flex-row w-full items-center justify-center md:justify-between mb-8 relative z-1"><p class="block antialiased font-sans text-blue-gray-900 font-bold text-sm mb-5">© 2024 AI Code Mentor</p><ul class="flex flex-wrap justify-center md:justify-start items-center gap-4 md:gap-8"><li><a href="/dashboard"><p class="antialiased font-sans text-blue-gray-900 font-normal transition-colors text-sm mb-5 flex">Dashboard</p></a></li><li><a href="/dashboard/subscription"><p class="antialiased font-sans text-blue-gray-900 font-normal transition-colors text-sm mb-5 flex">Subscription</p></a></li><li><a href="/#faq"><p class="antialiased font-sans text-blue-gray-900 font-normal transition-colors text-sm mb-5 flex">Faq</p></a></li><li><a href="/terms-of-service"><p class="antialiased font-sans text-blue-gray-900 font-normal transition-colors text-sm mb-5 flex">Terms</p></a></li><li><a href="/refunds-policy"><p class="antialiased font-sans text-blue-gray-900 font-normal transition-colors text-sm mb-5 flex">Refund</p></a></li><li><a href="/privacy-policy"><p class="antialiased font-sans text-blue-gray-900 font-normal transition-colors text-sm mb-5 flex">Privacy Policy</p></a></li></ul><a href="https://nepcha.com/?ref=code-mentor" target="blank"><img alt="logo nepcha" loading="lazy" width="180" height="40" decoding="async" data-nimg="1" class="pb-5" style="color:transparent" srcSet="/_next/image?url=%2Fnepcha-logo.png&w=256&q=75 1x, /_next/image?url=%2Fnepcha-logo.png&w=384&q=75 2x" src="/_next/image?url=%2Fnepcha-logo.png&w=384&q=75"/></a></div></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"gyAu2LElTKHfRthetxxCH","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[{"strategy":"afterInteractive","src":"https://www.googletagmanager.com/gtag/js?id=G-S72VXWW301"},{"id":"script","strategy":"afterInteractive","dangerouslySetInnerHTML":{"__html":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'G-S72VXWW301');\n "}}]}</script></body></html>