</iframe</noscript><div id="__next"><header id="navbar" class="px-8 md:px-6 xl:px-12 py-4 fixed inset-x-0 top-0 right-0 flex justify-between items-end z-50 duration-500 backdrop-blur-lg" style="opacity:0"><h1 class="font-signature text-accent capitalize text-2xl relative group top-1"><a href="/#hero" class="block">Priyank Rajai<div class="absolute bottom-1.5 left-0 h-[1px] w-0 group-hover:w-full bg-accent duration-300"></div></a></h1><button class="md:invisible w-7 h-7 group transition focus:outline-none"><div class="space-y-1.5 flex flex-col items-end relative group-hover:space-y-1 group-focus:space-y-1"><div class="bg-accent h-0.5 w-7 duration-200 "></div><div class="bg-accent h-0.5 w-7 duration-200 w-6 opacity-100"></div><div class="bg-accent h-0.5 w-7 duration-200 w-5"></div></div></button></header><main class="mx-auto px-6 sm:px-8 md:px-28 lg:px-20 xl:px-0 max-w-screen-lg "><section id="hero" class="py-24 md:py-32 min-h-screen h-full flex flex-col justify-center gap-6 xs:gap-7 mt-12 xs:mt-0"><p class="text-sm md:text-base text-accent font-mono" style="opacity:0;transform:translateY(20px) translateZ(0)">Hi, my name is</p><div class="text-4xl md:text-7xl font-bold tracking-tighter max-w-5xl"><h1 class="text-slate-900 dark:text-slate-200 capitalize mb-2 leading-[1.1]" style="opacity:0;transform:translateY(20px) translateZ(0)">priyank rajai.</h1><h1 class="leading-[1.2]" style="opacity:0;transform:translateY(20px) translateZ(0)">I create visually pleasing interfaces for the web.</h1></div><p class="max-w-xl text-base md:text-lg" style="opacity:0;transform:translateY(20px) translateZ(0)">I'm a passionate Full Stack developer having an experience of web applications with React.js, Next.js, Node.js, PostgreSQL, MongoDB, Langchain, OpenAI, LLMs and Web3.js.</p><p class="text-xs md:text-sm font-mono text-accent" style="opacity:0;transform:translateY(20px) translateZ(0)">Full Stack Developer - Open Source Steward</p></section><section id="skills" class="py-24 md:py-32 " style="opacity:0;transform:translateY(50px) translateZ(0)"><h2 class="heading-secondary text-center">what i do</h2><div class="space-y-32"><div class="flex gap-8 sm:gap-10 flex-col lg:flex-row items-center odd:lg:flex-row-reverse" style="opacity:0;transform:translateY(50px) translateZ(0)"><div class="space-y-14 lg:w-1/2"><h3 class="capitalize text-2xl sm:text-3xl text-center mb-5">Full stack development</h3><div class="flex gap-2 justify-center flex-wrap"><div class="text-2xl relative bg-bg-secondary shadow-md dark:shadow-xl rounded-full h-14 w-14 sm:h-16 sm:w-16 grid place-items-center group"><span></span><div class="opacity-0 invisible w-max group-hover:opacity-100 group-hover:visible absolute -top-8 rounded capitalize bg-slate-900/75 dark:bg-slate-700/90 text-white dark:text-slate-100 py-1 px-2 text-sm duration-200">html-5<svg class="absolute text-slate-900/75 dark:text-slate-700/90 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"></polygon></svg></div></div><div class="text-2xl relative bg-bg-secondary shadow-md dark:shadow-xl rounded-full h-14 w-14 sm:h-16 sm:w-16 grid place-items-center group"><span></span><div class="opacity-0 invisible w-max group-hover:opacity-100 group-hover:visible absolute -top-8 rounded capitalize bg-slate-900/75 dark:bg-slate-700/90 text-white dark:text-slate-100 py-1 px-2 text-sm duration-200">CSS-3<svg class="absolute text-slate-900/75 dark:text-slate-700/90 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"></polygon></svg></div></div><div class="text-2xl relative bg-bg-secondary shadow-md dark:shadow-xl rounded-full h-14 w-14 sm:h-16 sm:w-16 grid place-items-center group"><span></span><div class="opacity-0 invisible w-max group-hover:opacity-100 group-hover:visible absolute -top-8 rounded capitalize bg-slate-900/75 dark:bg-slate-700/90 text-white dark:text-slate-100 py-1 px-2 text-sm duration-200">sass<svg class="absolute text-slate-900/75 dark:text-slate-700/90 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"></polygon></svg></div></div><div class="text-2xl relative bg-bg-secondary shadow-md dark:shadow-xl rounded-full h-14 w-14 sm:h-16 sm:w-16 grid place-items-center group"><span></span><div class="opacity-0 invisible w-max group-hover:opacity-100 group-hover:visible absolute -top-8 rounded capitalize bg-slate-900/75 dark:bg-slate-700/90 text-white dark:text-slate-100 py-1 px-2 text-sm duration-200">javaScript<svg class="absolute text-slate-900/75 dark:text-slate-700/90 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"></polygon></svg></div></div><div class="text-2xl relative bg-bg-secondary shadow-md dark:shadow-xl rounded-full h-14 w-14 sm:h-16 sm:w-16 grid place-items-center group"><span></span><div class="opacity-0 invisible w-max group-hover:opacity-100 group-hover:visible absolute -top-8 rounded capitalize bg-slate-900/75 dark:bg-slate-700/90 text-white dark:text-slate-100 py-1 px-2 text-sm duration-200">typeScript<svg class="absolute text-slate-900/75 dark:text-slate-700/90 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"></polygon></svg></div></div><div class="text-2xl relative bg-bg-secondary shadow-md dark:shadow-xl rounded-full h-14 w-14 sm:h-16 sm:w-16 grid place-items-center group"><span></span><div class="opacity-0 invisible w-max group-hover:opacity-100 group-hover:visible absolute -top-8 rounded capitalize bg-slate-900/75 dark:bg-slate-700/90 text-white dark:text-slate-100 py-1 px-2 text-sm duration-200">python<svg class="absolute text-slate-900/75 dark:text-slate-700/90 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"></polygon></svg></div></div><div class="text-2xl relative bg-bg-secondary shadow-md dark:shadow-xl rounded-full h-14 w-14 sm:h-16 sm:w-16 grid place-items-center group"><span></span><div class="opacity-0 invisible w-max group-hover:opacity-100 group-hover:visible absolute -top-8 rounded capitalize bg-slate-900/75 dark:bg-slate-700/90 text-white dark:text-slate-100 py-1 px-2 text-sm duration-200">nodejs<svg class="absolute text-slate-900/75 dark:text-slate-700/90 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"></polygon></svg></div></div><div class="text-2xl relative bg-bg-secondary shadow-md dark:shadow-xl rounded-full h-14 w-14 sm:h-16 sm:w-16 grid place-items-center group"><span></span><div class="opacity-0 invisible w-max group-hover:opacity-100 group-hover:visible absolute -top-8 rounded capitalize bg-slate-900/75 dark:bg-slate-700/90 text-white dark:text-slate-100 py-1 px-2 text-sm duration-200">reactjs<svg class="absolute text-slate-900/75 dark:text-slate-700/90 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"></polygon></svg></div></div><div class="text-2xl relative bg-bg-secondary shadow-md dark:shadow-xl rounded-full h-14 w-14 sm:h-16 sm:w-16 grid place-items-center group"><span></span><div class="opacity-0 invisible w-max group-hover:opacity-100 group-hover:visible absolute -top-8 rounded capitalize bg-slate-900/75 dark:bg-slate-700/90 text-white dark:text-slate-100 py-1 px-2 text-sm duration-200">nextjs<svg class="absolute text-slate-900/75 dark:text-slate-700/90 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"></polygon></svg></div></div><div class="text-2xl relative bg-bg-secondary shadow-md dark:shadow-xl rounded-full h-14 w-14 sm:h-16 sm:w-16 grid place-items-center group"><span></span><div class="opacity-0 invisible w-max group-hover:opacity-100 group-hover:visible absolute -top-8 rounded capitalize bg-slate-900/75 dark:bg-slate-700/90 text-white dark:text-slate-100 py-1 px-2 text-sm duration-200">tailwindcss<svg class="absolute text-slate-900/75 dark:text-slate-700/90 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"></polygon></svg></div></div><div class="text-2xl relative bg-bg-secondary shadow-md dark:shadow-xl rounded-full h-14 w-14 sm:h-16 sm:w-16 grid place-items-center group"><span></span><div class="opacity-0 invisible w-max group-hover:opacity-100 group-hover:visible absolute -top-8 rounded capitalize bg-slate-900/75 dark:bg-slate-700/90 text-white dark:text-slate-100 py-1 px-2 text-sm duration-200">redux<svg class="absolute text-slate-900/75 dark:text-slate-700/90 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"></polygon></svg></div></div><div class="text-2xl relative bg-bg-secondary shadow-md dark:shadow-xl rounded-full h-14 w-14 sm:h-16 sm:w-16 grid place-items-center group"><span></span><div class="opacity-0 invisible w-max group-hover:opacity-100 group-hover:visible absolute -top-8 rounded capitalize bg-slate-900/75 dark:bg-slate-700/90 text-white dark:text-slate-100 py-1 px-2 text-sm duration-200">database<svg class="absolute text-slate-900/75 dark:text-slate-700/90 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"></polygon></svg></div></div><div class="text-2xl relative bg-bg-secondary shadow-md dark:shadow-xl rounded-full h-14 w-14 sm:h-16 sm:w-16 grid place-items-center group"><span></span><div class="opacity-0 invisible w-max group-hover:opacity-100 group-hover:visible absolute -top-8 rounded capitalize bg-slate-900/75 dark:bg-slate-700/90 text-white dark:text-slate-100 py-1 px-2 text-sm duration-200">jest<svg class="absolute text-slate-900/75 dark:text-slate-700/90 h-2 w-full left-0 top-full" x="0px" y="0px" viewBox="0 0 255 255" xml:space="preserve"><polygon class="fill-current" points="0,0 127.5,127.5 255,0"></polygon></svg></div></div></div><ul class="text-base space-y-2"><li class="before:content-['▹'] flex before:mr-3 before:text-accent before:block ">Building responsive web apps with different UI libraries like Shopify polaris and MUI</li><li class="before:content-['▹'] flex before:mr-3 before:text-accent before:block ">Worked with Next.js and headless CMS</li><li class="before:content-['▹'] flex before:mr-3 before:text-accent before:block ">Implement Full text search and recommendation using algolia</li></ul></div><div class="max-w-sm md:max-w-md md:min-h-[448px] md:min-w-[448px]"><div class="lf-player-container"><div id="lottie" style="background:transparent;margin:0 auto;outline:none;overflow:hidden"></div></div></div></div></div></section><section id="experience" class="py-32 max-w-2xl mx-auto" style="opacity:0;transform:translateY(50px) translateZ(0)"><h2 class="heading-secondary">where i've worked</h2><div class="flex flex-col sm:flex-row text-sm md:text-base gap-6 md:gap-10 min-h-[250px]"><div class="font-mono text-xs sm:text-sm relative flex justify-start sm:flex-col overflow-scroll sm:overflow-auto sm:min-w-[150px]"><button class="h-10 min-w-[120px] sm:w-auto sm:px-5 sm:!text-left capitalize hover:bg-accent-light hover:text-accent focus:outline-none focus:bg-accent-light focus:text-accent text-accent">Speed</button><button class="h-10 min-w-[120px] sm:w-auto sm:px-5 sm:!text-left capitalize hover:bg-accent-light hover:text-accent focus:outline-none focus:bg-accent-light focus:text-accent ">JobTatkal</button><button class="h-10 min-w-[120px] sm:w-auto sm:px-5 sm:!text-left capitalize hover:bg-accent-light hover:text-accent focus:outline-none focus:bg-accent-light focus:text-accent ">SkillDB</button><div class="absolute h-0.5 w-full sm:w-0.5 sm:h-full rounded-full bottom-0 sm:inset-0 left-0 bg-dark-3"></div><div style="left:calc(0*120px)" class="absolute h-0.5 w-[120px] sm:w-0.5 sm:h-10 rounded-full bg-accent bottom-0 left-0 sm:inset-0 transition-all duration-250 delay-100 in-scroll"></div></div><div class="space-y-5 p-1"><div class="space-y-1"><h3 class="text-lg font-medium text-dark-2 capitalize">full stack developer<!-- --> <a href="https://www.tryspeed.com/" class="relative text-accent group" target="_blank">@<!-- -->Speed<span class="absolute -bottom-0.5 left-0 h-[1px] w-0 group-hover:w-full group-focus:outline-none group-focus:w-full bg-accent duration-300 ease-in-scroll"></span></a></h3><p class="text-xs font-mono capitalize">march 2024<!-- --> - <!-- -->Present</p></div><ul class="space-y-2"><li class="before:content-['▹'] flex before:mr-3 before:text-accent before:block ">Maintenance Scheduling Module: Built a maintenance module that allows scheduling for various modules, such as wallet and web, ensuring efficient and organized maintenance processes.</li><li class="before:content-['▹'] flex before:mr-3 before:text-accent before:block ">Created a product that enables clients to manage all payments and checkout processes, with real-time updates in a table using Firestore.</li><li class="before:content-['▹'] flex before:mr-3 before:text-accent before:block ">Advanced Table Customization Features: Developed a table with features allowing users to reorder columns, pin columns, adjust column visibility, and set the width of columns, enhancing user experience and data management flexibility.</li><li class="before:content-['▹'] flex before:mr-3 before:text-accent before:block ">Implemented API Versioning Catalog: Designed and deployed an API versioning catalog using AWS DynamoDB, ensuring smooth and scalable version control.</li></ul></div></div></section><section id="work" class="py-24 md:py-32 "><h2 class="heading-secondary text-center !mb-12" style="opacity:0;transform:translateY(50px) translateZ(0)">my Work</h2><div class="grid grid-cols-auto-250 xs:grid-cols-auto-300 gap-6 place-items-center"></div><button type="button" class="text-sm p-4 px-6 border-2 block mx-auto w-fit font-mono capitalize rounded border-accent text-accent hover:bg-accent-light focus:outline-none focus:bg-accent-light duration-150 cursor-pointer !mt-20">show more</button></section><section id="contact" class="py-24 md:py-32 max-w-xl mx-auto text-center !py-16 md:!py-24 mb-20 md:mb-32" style="opacity:0;transform:translateY(50px) translateZ(0)"><p class="text-accent text-sm capitalize mb-3 font-mono">what's next</p><h2 class="heading-secondary !mb-5">get in touch</h2><p>Whether you have a project to discuss or just want to say hi, my inbox is open for all!</p><span><a class="text-sm p-4 px-6 border-2 block mx-auto w-fit font-mono capitalize rounded border-accent text-accent hover:bg-accent-light focus:outline-none focus:bg-accent-light duration-150 cursor-pointer mt-12" target="_blank" rel="noopener noreferrer" href="/cdn-cgi/l/email-protection#f282809b8b939c9986809398939bb2959f939b9edc919d9f">Say Hello</a></span></section></main><footer class="max-w-lg mx-auto text-center font-mono mb-5 text-xs"><ul class="flex md:hidden justify-center gap-3 mb-3"><li><a href="https://github.com/Ipriyankrajai" target="_blank" class="block text-sm p-2.5 hover:text-accent hover:-translate-y-1 focus:outline-none focus:text-accent focus:-translate-y-1 duration-200 "><span></span></a></li><li><a href="https://www.linkedin.com/in/priyank-rajai-806983117/" target="_blank" class="block text-sm p-2.5 hover:text-accent hover:-translate-y-1 focus:outline-none focus:text-accent focus:-translate-y-1 duration-200 "><span></span></a></li><li><a href="https://twitter.com/Ipriyankrajai" target="_blank" class="block text-sm p-2.5 hover:text-accent hover:-translate-y-1 focus:outline-none focus:text-accent focus:-translate-y-1 duration-200 "><span></span></a></li></ul><a href="https://github.com/Ipriyankrajai" target="_blank" rel="noopener noreferrer" class="hover:text-accent transition">Design & Built by Priyank Rajai</a></footer><div class="fixed bottom-0 flex-col items-center hidden md:flex left-6 xl:left-12" style="opacity:0"><ul class=""><li><a href="https://github.com/Ipriyankrajai" target="_blank" class="block text-sm p-2.5 hover:text-accent hover:-translate-y-1 focus:outline-none focus:text-accent focus:-translate-y-1 duration-200 "><span></span></a></li><li><a href="https://www.linkedin.com/in/priyank-rajai-806983117/" target="_blank" class="block text-sm p-2.5 hover:text-accent hover:-translate-y-1 focus:outline-none focus:text-accent focus:-translate-y-1 duration-200 "><span></span></a></li><li><a href="https://twitter.com/Ipriyankrajai" target="_blank" class="block text-sm p-2.5 hover:text-accent hover:-translate-y-1 focus:outline-none focus:text-accent focus:-translate-y-1 duration-200 "><span></span></a></li></ul><div class="bg-slate-500 h-24 w-0.5 mt-5"></div></div><div class="fixed bottom-0 flex-col items-center hidden md:flex right-6 xl:right-12" style="opacity:0"><a href="/cdn-cgi/l/email-protection#e393918a9a828d8897918289828aa3848e828a8fcd808c8e" target="_blank" class="block text-sm p-2.5 hover:text-accent hover:-translate-y-1 focus:outline-none focus:text-accent focus:-translate-y-1 duration-200 [writing-mode:vertical-lr] font-mono tracking-widest text-xs"><span class="__cf_email__" data-cfemail="7a0a0813031b14110e081b101b133a1d171b131654191517">[email protected]</span></a><div class="bg-slate-500 h-24 w-0.5 mt-5"></div></div></div><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"IgNBwUAg1YhdAlvlVF71W","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[{"id":"google-tag-manager","strategy":"afterInteractive","dangerouslySetInnerHTML":{"__html":"(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n j=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';j.async=true;j.src=\n 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n })(window,document,'script','dataLayer','GTM-PL2D7QN');"}}]}</script></body></html>