PageSourceSearch

https://gungho0619.vercel.app/projects

html gungho0619.vercel.app collected 2026-10-03 07:02:22 UTC 76,394 bytes, 9 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/a34f9d1faa5f3315-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/53e4fccbc7ba1b3b.css" crossorigin="" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-f8d7728d434dd8f5.js" crossorigin=""/>
1<script src="/_next/static/chunks/fd9d1056-3636d1e9d57f46a6.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/69-2a7002b8ba898540.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/main-app-f5c8d25c8479457f.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/157-b04a1e38db8ceea6.js" async=""></script>
1<script src="/_next/static/chunks/935-cb878b7fb68a4f00.js" async=""></script>
1<script src="/_next/static/chunks/872-0cbb20d11545ba5d.js" async=""></script>
1<script src="/_next/static/chunks/app/projects/page-f5cd50d7b7dcf721.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-dc839b312919fdd0.js" async=""></script>
1<meta property="og:url" content="https://gungho0619.vercel.app/"/><title>Projects | Akira Yoshiro</title><meta name="description" content="A list of side-projects I&#x27;ve worked on."/><link rel="manifest" href="/manifest.webmanifest"/><meta property="og:title" content="Projects | Akira Yoshiro"/><meta property="og:description" content="A list of side-projects I&#x27;ve worked on."/><meta property="og:image" content="https://gungho0619.vercel.app/_next/static/media/og-image.077be812.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Projects | Akira Yoshiro"/><meta name="twitter:description" content="A list of side-projects I&#x27;ve worked on."/><meta name="twitter:image" content="https://gungho0619.vercel.app/_next/static/media/og-image.077be812.png"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><link rel="icon" href="/_next/static/media/favicon.5eadf375.ico" sizes="32x32"/><link rel="icon" href="/_next/static/media/favicon.dd93e9a1.svg" type="image/svg+xml"/><link rel="apple-touch-icon" href="/_next/static/media/apple-touch-icon.4b98b61a.png"/><meta name="next-size-adjust"/>
1<script src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js" crossorigin="" noModule=""></script>
1</head><body class="__className_d65c78">
1<script>!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('aryabov-theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){c.add('dark')}else{c.add('light')}}else if(e){c.add(e|| '')}}catch(e){}}()</script>
1<header class="sticky top-0 z-20 flex h-16 border-b border-transparent bg-base-bg/60 backdrop-blur"><div class="mx-auto w-full max-w-5xl px-4 sm:px-8 flex"><nav class="flex w-full items-center gap-6 sm:gap-9"><a class="text-base font-bold text-primary-text" href="/"><img alt="Flamingo logo" loading="lazy" width="60" height="60" decoding="async" data-nimg="1" class="max-[480px]:h-8 max-[480px]:w-8" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fflamingo.3f95f23e.png&amp;w=64&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fflamingo.3f95f23e.png&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fflamingo.3f95f23e.png&amp;w=128&amp;q=75"/></a><div class="flex items-center gap-4 sm:gap-6"><a class="focus-outline rounded hover:underline text-sm text-base-text-weak hover:text-base-text-strong sm:text-base" href="/blog">Blog</a><a class="focus-outline rounded hover:underline text-sm text-base-text-weak hover:text-base-text-strong sm:text-base" href="/projects">Projects</a><a class="focus-outline rounded hover:underline text-sm text-base-text-weak hover:text-base-text-strong sm:text-base" href="/about-me">About</a></div><div class="ml-auto flex items-center gap-4"><a class="inline-flex select-none items-center justify-center rounded p-2 text-base transition hover:bg-base-text-strong/[0.08] -m-2" href="https://github.com/gungho0619" target="_blank" title="GitHub" aria-label="GitHub"><span class="inline-flex h-[1em] w-[1em] shrink-0"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><g clip-path="url(#b)"><path fill="currentColor" d="M12 0a12 12 0 0 0-3.8 23.39c.6.1.8-.26.8-.58v-2.23c-3.34.72-4.03-1.42-4.03-1.42-.55-1.39-1.34-1.76-1.34-1.76-1.08-.74.09-.72.09-.72 1.2.08 1.84 1.23 1.84 1.23 1.07 1.84 2.8 1.3 3.49 1 .1-.78.42-1.3.76-1.6-2.67-.31-5.47-1.34-5.47-5.94 0-1.3.47-2.38 1.24-3.22-.13-.3-.54-1.52.12-3.17 0 0 1-.33 3.3 1.23a11.5 11.5 0 0 1 6 0c2.3-1.55 3.3-1.23 3.3-1.23.66 1.65.25 2.87.12 3.17a4.63 4.63 0 0 1 1.24 3.22c0 4.61-2.81 5.63-5.48 5.93.43.37.82 1.1.82 2.22v3.29c0 .32.2.7.8.58A12 12 0 0 0 12 0Z"></path></g></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h24v24H0z"></path></clipPath><clipPath id="b"><path fill="currentColor" d="M0 0h24v24H0z"></path></clipPath></defs></svg></span></a><button class="inline-flex select-none items-center justify-center rounded p-2 text-base transition hover:bg-base-text-strong/[0.08]" title="Use dark mode" aria-label="Use dark mode"><span class="inline-flex h-[1em] w-[1em] shrink-0"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.75 15A9.75 9.75 0 0 1 9 2.25 9.75 9.75 0 1 0 21.75 15Z"></path></svg></span></button><div><div><audio autoPlay="" loop=""><source src="audio/ambient.mp3" type="audio/mpeg"/>Your browser does not support the audio element.</audio><img alt="Play icon" loading="lazy" width="18" height="18" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/play.6ea804d6.svg"/></div></div></div></nav></div></header><main class="mx-auto w-full max-w-5xl px-4 sm:px-8 pb-32"><div class="flex-col items-start py-6 sm:py-8 flex gap-4 pb-3 pt-9 sm:pb-5"><h1 class="text-4xl">Projects</h1></div><div class="flex flex-col items-start py-6 sm:py-8"><div class="flex flex-col gap-6 sm:grid sm:grid-cols-1 sm:gap-8"><a class="group basis-1/2 rounded-xl border border-base-border" href="/projects/discord-swap-bot"><div class="flex flex-col gap-4 p-5"><div class="flex items-center gap-4"><img alt="Cover image of Discord Token Swap Bot Using Jito" loading="lazy" width="1200" height="800" decoding="async" data-nimg="1" class=" h-32 w-40 rounded-full border border-base-border max-sm:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fdiscord-bot.png&amp;w=1200&amp;q=80 1x, /_next/image?url=%2Fimages%2Fdiscord-bot.png&amp;w=3840&amp;q=80 2x" src="/_next/image?url=%2Fimages%2Fdiscord-bot.png&amp;w=3840&amp;q=80"/><div class=""><p class="mb-3 text-lg font-bold">Discord Token Swap Bot Using Jito</p><p class="text-base-text-weak">A professional-grade Discord bot for Solana token swaps, leveraging Jito Bundles. This bot seamlessly integrates with platforms like Raydium, Pump.fun, and Meteora, while utilizing the Dextools API and Jupiter v6 Swap API for efficient and reliable token swap operations.</p></div></div><div class="flex flex-wrap gap-3"><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Node.js</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">TypeScript</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Discord.js</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Solana/Web3</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">DexTool API</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Jupiter V6 Swap API</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Jito Bundle</span></div></div></div></a>
1<a class="group basis-1/2 rounded-xl border border-base-border" href="/projects/trump-speech-bot"><div class="flex flex-col gap-4 p-5"><div class="flex items-center gap-4"><img alt="Cover image of Trump-Speech Bot" loading="lazy" width="1200" height="800" decoding="async" data-nimg="1" class=" h-32 w-40 rounded-full border border-base-border max-sm:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftrump.png&amp;w=1200&amp;q=80 1x, /_next/image?url=%2Fimages%2Ftrump.png&amp;w=3840&amp;q=80 2x" src="/_next/image?url=%2Fimages%2Ftrump.png&amp;w=3840&amp;q=80"/><div class=""><p class="mb-3 text-lg font-bold">Trump-Speech Bot</p><p class="text-base-text-weak">The Trump Speech Bot is an OpenAI ChatGPT-powered Text-to-Speech (TTS) solution integrated with FakeYou.js. It enables dynamic and contextually relevant responses in Donald Trump&#x27;s speech style, tailored to your input prompts.</p></div></div><div class="flex flex-wrap gap-3"><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Node.js</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">OpenAI ChatGPT</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">FakeYou.js</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">gram.js</span></div></div></div></a><a class="group basis-1/2 rounded-xl border border-base-border" href="/projects/chatbot"><div class="flex flex-col gap-4 p-5"><div class="flex items-center gap-4"><img alt="Cover image of ChatGPT 4.0 ChatBot" loading="lazy" width="1200" height="800" decoding="async" data-nimg="1" class=" h-32 w-40 rounded-full border border-base-border max-sm:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fchatgpt.png&amp;w=1200&amp;q=80 1x, /_next/image?url=%2Fimages%2Fchatgpt.png&amp;w=3840&amp;q=80 2x" src="/_next/image?url=%2Fimages%2Fchatgpt.png&amp;w=3840&amp;q=80"/><div class=""><p class="mb-3 text-lg font-bold">ChatGPT 4.0 ChatBot</p><p class="text-base-text-weak">Flamingo ChatBot is ChatGPT 4.0 bot. Users can sign in with Github. I am currently updating this project, so please feel free to give me advice and add issues on my Github repository. Enjoy using Flamingo ChatBot.
2</p></div></div><div class="flex flex-wrap gap-3"><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">TypeScript</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">React</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Next.js</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Tailwind CSS</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">shadcn/UI</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Node.js</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Github API</span></div></div></div></a>
2<a class="group basis-1/2 rounded-xl border border-base-border" href="/projects/inoqare-health"><div class="flex flex-col gap-4 p-5"><div class="flex items-center gap-4"><img alt="Cover image of Inoqare Health Service" loading="lazy" width="1200" height="800" decoding="async" data-nimg="1" class=" h-32 w-40 rounded-full border border-base-border max-sm:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Finoqare.png&amp;w=1200&amp;q=80 1x, /_next/image?url=%2Fimages%2Finoqare.png&amp;w=3840&amp;q=80 2x" src="/_next/image?url=%2Fimages%2Finoqare.png&amp;w=3840&amp;q=80"/><div class=""><p class="mb-3 text-lg font-bold">Inoqare Health Service</p><p class="text-base-text-weak">Inoqare is a premier healthcare service offering seamless access to world-class medical care, ensuring you receive top-quality treatment promptly and efficiently.</p></div></div><div class="flex flex-wrap gap-3"><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">JavaScript</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">React</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Next.js</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">BootStrap</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Google API</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">FaceBook API</span></div></div></div></a><a class="group basis-1/2 rounded-xl border border-base-border" href="/projects/swom-travel"><div class="flex flex-col gap-4 p-5"><div class="flex items-center gap-4"><img alt="Cover image of SWOM  Swap Your Home" loading="lazy" width="1200" height="800" decoding="async" data-nimg="1" class=" h-32 w-40 rounded-full border border-base-border max-sm:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fswom.png&amp;w=1200&amp;q=80 1x, /_next/image?url=%2Fimages%2Fswom.png&amp;w=3840&amp;q=80 2x" src="/_next/image?url=%2Fimages%2Fswom.png&amp;w=3840&amp;q=80"/><div class=""><p class="mb-3 text-lg font-bold">SWOM  Swap Your Home</p><p class="text-base-text-weak">Swom is a members-only global travel community where you can exchange homes for free. Travel, work, or have fun without rent, hidden fees, or hassle. Make memories worldwide!</p></div></div><div class="flex flex-wrap gap-3"><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">React</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Next.js</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Redux</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">TypeScript</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Tailwind CSS</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Google API</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Stripe</span></div></div></div></a>
2<a class="group basis-1/2 rounded-xl border border-base-border" href="/projects/game-hub"><div class="flex flex-col gap-4 p-5"><div class="flex items-center gap-4"><img alt="Cover image of Gama Hub" loading="lazy" width="1200" height="800" decoding="async" data-nimg="1" class=" h-32 w-40 rounded-full border border-base-border max-sm:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fgame-hub.png&amp;w=1200&amp;q=80 1x, /_next/image?url=%2Fimages%2Fgame-hub.png&amp;w=3840&amp;q=80 2x" src="/_next/image?url=%2Fimages%2Fgame-hub.png&amp;w=3840&amp;q=80"/><div class=""><p class="mb-3 text-lg font-bold">Gama Hub</p><p class="text-base-text-weak">Game Hub is an application that provides a platform to explore various video games. Users can browse games, view detailed information about each game, and access additional resources.
3</p></div></div><div class="flex flex-wrap gap-3"><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">TypeScript</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">React</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Chakra UI</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Vite</span></div></div></div></a><a class="group basis-1/2 rounded-xl border border-base-border" href="/projects/whatsapp-gpt"><div class="flex flex-col gap-4 p-5"><div class="flex items-center gap-4"><img alt="Cover image of WhatsApp Bot with OpenAI" loading="lazy" width="1200" height="800" decoding="async" data-nimg="1" class=" h-32 w-40 rounded-full border border-base-border max-sm:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fwhatsapp-gpt.png&amp;w=1200&amp;q=80 1x, /_next/image?url=%2Fimages%2Fwhatsapp-gpt.png&amp;w=3840&amp;q=80 2x" src="/_next/image?url=%2Fimages%2Fwhatsapp-gpt.png&amp;w=3840&amp;q=80"/><div class=""><p class="mb-3 text-lg font-bold">WhatsApp Bot with OpenAI</p><p class="text-base-text-weak">The WhatsApp Bot integration enables users to interact with ChatGPT through text messages on WhatsApp, delivering automated responses to their inquiries and commands.
4</p></div></div><div class="flex flex-wrap gap-3"><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">JavaScript</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Node.js</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Whatsapp-Web</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">ChatGPT</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Axios</span></div></div></div></a><a class="group basis-1/2 rounded-xl border border-base-border" href="/projects/cute-to-insane"><div class="flex flex-col gap-4 p-5"><div class="flex items-center gap-4"><img alt="Cover image of CuteToInsane" loading="lazy" width="1200" height="800" decoding="async" data-nimg="1" class=" h-32 w-40 rounded-full border border-base-border max-sm:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fcutetoinsane.png&amp;w=1200&amp;q=80 1x, /_next/image?url=%2Fimages%2Fcutetoinsane.png&amp;w=3840&amp;q=80 2x" src="/_next/image?url=%2Fimages%2Fcutetoinsane.png&amp;w=3840&amp;q=80"/><div class=""><p class="mb-3 text-lg font-bold">CuteToInsane</p><p class="text-base-text-weak">CuteToInsane is a website specializing in blockchain NFT minting, focusing on mouse-themed NFTs for gaming. It features an exceptional UI and offers an amazing design, ensuring a seamless experience for minting and trading digital assets.
5</p></div></div><div class="flex flex-wrap gap-3"><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">TypeScript</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">React</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Next.js</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Tailwind CSS</span></div></div></div></a>
5<a class="group basis-1/2 rounded-xl border border-base-border" href="/projects/chat-app"><div class="flex flex-col gap-4 p-5"><div class="flex items-center gap-4"><img alt="Cover image of Chat APP" loading="lazy" width="1200" height="800" decoding="async" data-nimg="1" class=" h-32 w-40 rounded-full border border-base-border max-sm:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fchat-app.jpg&amp;w=1200&amp;q=80 1x, /_next/image?url=%2Fimages%2Fchat-app.jpg&amp;w=3840&amp;q=80 2x" src="/_next/image?url=%2Fimages%2Fchat-app.jpg&amp;w=3840&amp;q=80"/><div class=""><p class="mb-3 text-lg font-bold">Chat APP</p><p class="text-base-text-weak">Flamingo Chat  is a chat application featuring a sleek interface. Users can sign in with GitHub or Discord and join chat groups. The interface includes sections for Home, Emotes, Groups, and Users, with real-time messaging capabilities. Users can share text and images, and interact in group chats.
6</p></div></div><div class="flex flex-wrap gap-3"><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">TypeScript</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">React</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Next.js</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Tailwind CSS</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">shadcn/UI</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Node.js</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Github Api</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Discord Api</span></div></div></div></a><a class="group basis-1/2 rounded-xl border border-base-border" href="/projects/gama-dent"><div class="flex flex-col gap-4 p-5"><div class="flex items-center gap-4"><img alt="Cover image of Gama Dent" loading="lazy" width="1200" height="800" decoding="async" data-nimg="1" class=" h-32 w-40 rounded-full border border-base-border max-sm:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fgamadent.png&amp;w=1200&amp;q=80 1x, /_next/image?url=%2Fimages%2Fgamadent.png&amp;w=3840&amp;q=80 2x" src="/_next/image?url=%2Fimages%2Fgamadent.png&amp;w=3840&amp;q=80"/><div class=""><p class="mb-3 text-lg font-bold">Gama Dent</p><p class="text-base-text-weak">Gama Dental offers features tailored to dental care or products, presented in an interactive manner due to its React-based development.
7</p></div></div><div class="flex flex-wrap gap-3"><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">TypeScript</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">React</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Tailwind CSS</span></div></div></div></a>
7<a class="group basis-1/2 rounded-xl border border-base-border" href="/projects/git-user-search"><div class="flex flex-col gap-4 p-5"><div class="flex items-center gap-4"><img alt="Cover image of Git User Search" loading="lazy" width="1200" height="800" decoding="async" data-nimg="1" class=" h-32 w-40 rounded-full border border-base-border max-sm:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fgit-users.png&amp;w=1200&amp;q=80 1x, /_next/image?url=%2Fimages%2Fgit-users.png&amp;w=3840&amp;q=80 2x" src="/_next/image?url=%2Fimages%2Fgit-users.png&amp;w=3840&amp;q=80"/><div class=""><p class="mb-3 text-lg font-bold">Git User Search</p><p class="text-base-text-weak">This website is a tool for searching GitHub users. It provides a simple interface to enter a GitHub username and retrieve information such as the user&#x27;s avatar, biography, and data from their GitHub profile.
8</p></div></div><div class="flex flex-wrap gap-3"><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Angular</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">TypeScript</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Zone.js</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Tailwind CSS</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Angular Material</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Github API</span></div></div></div></a><a class="group basis-1/2 rounded-xl border border-base-border" href="/projects/netflix-fork"><div class="flex flex-col gap-4 p-5"><div class="flex items-center gap-4"><img alt="Cover image of Netflix Forking website" loading="lazy" width="1200" height="800" decoding="async" data-nimg="1" class=" h-32 w-40 rounded-full border border-base-border max-sm:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fnetflix-fork.png&amp;w=1200&amp;q=80 1x, /_next/image?url=%2Fimages%2Fnetflix-fork.png&amp;w=3840&amp;q=80 2x" src="/_next/image?url=%2Fimages%2Fnetflix-fork.png&amp;w=3840&amp;q=80"/><div class=""><p class="mb-3 text-lg font-bold">Netflix Forking website</p><p class="text-base-text-weak">This is a Netflix interface clone, featuring a homepage with a prominent series, options to play or learn more, and a navigation bar for Home, TV Series, Movies, My List, profiles, and kids&#x27; content.
9</p></div></div><div class="flex flex-wrap gap-3"><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">React</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Vite</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Tailwind CSS</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Netflix API</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Webpack</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Babel</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">ESLint</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Stylelint</span></div><div class="inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base"><span class="truncate text-sm">Prettier</span></div></div></div></a></div></div></main>
9<script src="/_next/static/chunks/webpack-f8d7728d434dd8f5.js" crossorigin="" async=""></script>
9<script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script>
9<script>self.__next_f.push([1,"1:HL[\"/_next/static/media/a34f9d1faa5f3315-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/css/53e4fccbc7ba1b3b.css\",\"style\",{\"crossOrigin\":\"\"}]\n0:\"$L3\"\n"])</script>
9<script>self.__next_f.push([1,"4:I[7690,[],\"\"]\n6:I[5250,[\"157\",\"static/chunks/157-b04a1e38db8ceea6.js\",\"935\",\"static/chunks/935-cb878b7fb68a4f00.js\",\"872\",\"static/chunks/872-0cbb20d11545ba5d.js\",\"895\",\"static/chunks/app/projects/page-f5cd50d7b7dcf721.js\"],\"\"]\n7:I[1749,[\"157\",\"static/chunks/157-b04a1e38db8ceea6.js\",\"935\",\"static/chunks/935-cb878b7fb68a4f00.js\",\"872\",\"static/chunks/872-0cbb20d11545ba5d.js\",\"895\",\"static/chunks/app/projects/page-f5cd50d7b7dcf721.js\"],\"Image\"]\n8:I[5613,[],\"\"]\n9:I[1778,[],\"\"]\na:I[8506,[\"157\",\"static/chunks/15"])</script>
9<script>self.__next_f.push([1,"7-b04a1e38db8ceea6.js\",\"935\",\"static/chunks/935-cb878b7fb68a4f00.js\",\"872\",\"static/chunks/872-0cbb20d11545ba5d.js\",\"185\",\"static/chunks/app/layout-dc839b312919fdd0.js\"],\"ThemeProvider\"]\nb:I[872,[\"157\",\"static/chunks/157-b04a1e38db8ceea6.js\",\"935\",\"static/chunks/935-cb878b7fb68a4f00.js\",\"872\",\"static/chunks/872-0cbb20d11545ba5d.js\",\"895\",\"static/chunks/app/projects/page-f5cd50d7b7dcf721.js\"],\"Header\"]\nc:I[8978,[\"157\",\"static/chunks/157-b04a1e38db8ceea6.js\",\"935\",\"static/chunks/935-cb878b7fb68a4f00.js\",\"872\","])</script>
9<script>self.__next_f.push([1,"\"static/chunks/872-0cbb20d11545ba5d.js\",\"185\",\"static/chunks/app/layout-dc839b312919fdd0.js\"],\"Analytics\"]\ne:I[8955,[],\"\"]\nf:[]\n"])</script>
9<script>self.__next_f.push([1,"3:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/53e4fccbc7ba1b3b.css\",\"precedence\":\"next\",\"crossOrigin\":\"\"}]],[\"$\",\"$L4\",null,{\"buildId\":\"kAxSMcEiHZqaF02w3vWNb\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/projects\",\"initialTree\":[\"\",{\"children\":[\"projects\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"projects\",{\"children\":[\"__PAGE__\",{},[\"$L5\",[[\"$\",\"div\",null,{\"className\":\"flex-col items-start py-6 sm:py-8 flex gap-4 pb-3 pt-9 sm:pb-5\",\"children\":[\"$\",\"h1\",null,{\"className\":\"text-4xl\",\"children\":\"Projects\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start py-6 sm:py-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-6 sm:grid sm:grid-cols-1 sm:gap-8\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/projects/discord-swap-bot\",\"className\":\"group basis-1/2 rounded-xl border border-base-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[[\"$\",\"$L7\",null,{\"className\":\" h-32 w-40 rounded-full border border-base-border max-sm:hidden\",\"src\":\"/images/discord-bot.png\",\"quality\":80,\"width\":1200,\"height\":800,\"alt\":\"Cover image of Discord Token Swap Bot Using Jito\"}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3 text-lg font-bold\",\"children\":\"Discord Token Swap Bot Using Jito\"}],[\"$\",\"p\",null,{\"className\":\"text-base-text-weak\",\"children\":\"A professional-grade Discord bot for Solana token swaps, leveraging Jito Bundles. This bot seamlessly integrates with platforms like Raydium, Pump.fun, and Meteora, while utilizing the Dextools API and Jupiter v6 Swap API for efficient and reliable token swap operations.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Node.js\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"TypeScript\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Discord.js\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Solana/Web3\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"DexTool API\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Jupiter V6 Swap API\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Jito Bundle\"}]}]]}]]}]}],[\"$\",\"$L6\",null,{\"href\":\"/projects/trump-speech-bot\",\"className\":\"group basis-1/2 roun
9ded-xl border border-base-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[[\"$\",\"$L7\",null,{\"className\":\" h-32 w-40 rounded-full border border-base-border max-sm:hidden\",\"src\":\"/images/trump.png\",\"quality\":80,\"width\":1200,\"height\":800,\"alt\":\"Cover image of Trump-Speech Bot\"}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3 text-lg font-bold\",\"children\":\"Trump-Speech Bot\"}],[\"$\",\"p\",null,{\"className\":\"text-base-text-weak\",\"children\":\"The Trump Speech Bot is an OpenAI ChatGPT-powered Text-to-Speech (TTS) solution integrated with FakeYou.js. It enables dynamic and contextually relevant responses in Donald Trump's speech style, tailored to your input prompts.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Node.js\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"OpenAI ChatGPT\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"FakeYou.js\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"gram.js\"}]}]]}]]}]}],[\"$\",\"$L6\",null,{\"href\":\"/projects/chatbot\",\"className\":\"group basis-1/2 rounded-xl border border-base-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[[\"$\",\"$L7\",null,{\"className\":\" h-32 w-40 rounded-full border border-base-border max-sm:hidden\",\"src\":\"/images/chatgpt.png\",\"quality\":80,\"width\":1200,\"height\":800,\"alt\":\"Cover image of ChatGPT 4.0 ChatBot\"}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3 text-lg font-bold\",\"children\":\"ChatGPT 4.0 ChatBot\"}],[\"$\",\"p\",null,{\"className\":\"text-base-text-weak\",\"children\":\"Flamingo ChatBot is ChatGPT 4.0 bot. Users can sign in with Github. I am currently updating this project, so please feel free to give me advice and add issues on my Github repository. Enjoy using Flamingo ChatBot.\\n\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"TypeScript\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"React\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Next.js\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Tailwind CSS\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"shadcn/UI\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Node.js\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Github API\"}]}]]}]]}]}],[\"$\",\"$L6\",null,{\"href\":\"/projects/inoqare-health\",\"className\":\"group basis-1/2 roun
9ded-xl border border-base-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[[\"$\",\"$L7\",null,{\"className\":\" h-32 w-40 rounded-full border border-base-border max-sm:hidden\",\"src\":\"/images/inoqare.png\",\"quality\":80,\"width\":1200,\"height\":800,\"alt\":\"Cover image of Inoqare Health Service\"}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3 text-lg font-bold\",\"children\":\"Inoqare Health Service\"}],[\"$\",\"p\",null,{\"className\":\"text-base-text-weak\",\"children\":\"Inoqare is a premier healthcare service offering seamless access to world-class medical care, ensuring you receive top-quality treatment promptly and efficiently.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"JavaScript\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"React\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Next.js\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"BootStrap\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Google API\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"FaceBook API\"}]}]]}]]}]}],[\"$\",\"$L6\",null,{\"href\":\"/projects/swom-travel\",\"className\":\"group basis-1/2 rounded-xl border border-base-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[[\"$\",\"$L7\",null,{\"className\":\" h-32 w-40 rounded-full border border-base-border max-sm:hidden\",\"src\":\"/images/swom.png\",\"quality\":80,\"width\":1200,\"height\":800,\"alt\":\"Cover image of SWOM  Swap Your Home\"}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3 text-lg font-bold\",\"children\":\"SWOM  Swap Your Home\"}],[\"$\",\"p\",null,{\"className\":\"text-base-text-weak\",\"children\":\"Swom is a members-only global travel community where you can exchange homes for free. Travel, work, or have fun without rent, hidden fees, or hassle. Make memories worldwide!\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"React\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Next.js\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Redux\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"TypeScript\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Tailwind CSS\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Google API\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Stripe\"}]}]]}]]}]}],[\"$\",\"$L6\",null,{\"href\":\"/projects/game-hub\",\"className\":\"group basis-1/2 roun
9ded-xl border border-base-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[[\"$\",\"$L7\",null,{\"className\":\" h-32 w-40 rounded-full border border-base-border max-sm:hidden\",\"src\":\"/images/game-hub.png\",\"quality\":80,\"width\":1200,\"height\":800,\"alt\":\"Cover image of Gama Hub\"}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3 text-lg font-bold\",\"children\":\"Gama Hub\"}],[\"$\",\"p\",null,{\"className\":\"text-base-text-weak\",\"children\":\"Game Hub is an application that provides a platform to explore various video games. Users can browse games, view detailed information about each game, and access additional resources.\\n\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"TypeScript\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"React\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Chakra UI\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Vite\"}]}]]}]]}]}],[\"$\",\"$L6\",null,{\"href\":\"/projects/whatsapp-gpt\",\"className\":\"group basis-1/2 rounded-xl border border-base-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[[\"$\",\"$L7\",null,{\"className\":\" h-32 w-40 rounded-full border border-base-border max-sm:hidden\",\"src\":\"/images/whatsapp-gpt.png\",\"quality\":80,\"width\":1200,\"height\":800,\"alt\":\"Cover image of WhatsApp Bot with OpenAI\"}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3 text-lg font-bold\",\"children\":\"WhatsApp Bot with OpenAI\"}],[\"$\",\"p\",null,{\"className\":\"text-base-text-weak\",\"children\":\"The WhatsApp Bot integration enables users to interact with ChatGPT through text messages on WhatsApp, delivering automated responses to their inquiries and commands.\\n\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"JavaScript\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Node.js\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Whatsapp-Web\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"ChatGPT\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Axios\"}]}]]}]]}]}],[\"$\",\"$L6\",null,{\"href\":\"/projects/cute-to-insane\",\"className\":\"group basis-1/2 roun
9ded-xl border border-base-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[[\"$\",\"$L7\",null,{\"className\":\" h-32 w-40 rounded-full border border-base-border max-sm:hidden\",\"src\":\"/images/cutetoinsane.png\",\"quality\":80,\"width\":1200,\"height\":800,\"alt\":\"Cover image of CuteToInsane\"}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3 text-lg font-bold\",\"children\":\"CuteToInsane\"}],[\"$\",\"p\",null,{\"className\":\"text-base-text-weak\",\"children\":\"CuteToInsane is a website specializing in blockchain NFT minting, focusing on mouse-themed NFTs for gaming. It features an exceptional UI and offers an amazing design, ensuring a seamless experience for minting and trading digital assets.\\n\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"TypeScript\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"React\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Next.js\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Tailwind CSS\"}]}]]}]]}]}],[\"$\",\"$L6\",null,{\"href\":\"/projects/chat-app\",\"className\":\"group basis-1/2 rounded-xl border border-base-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[[\"$\",\"$L7\",null,{\"className\":\" h-32 w-40 rounded-full border border-base-border max-sm:hidden\",\"src\":\"/images/chat-app.jpg\",\"quality\":80,\"width\":1200,\"height\":800,\"alt\":\"Cover image of Chat APP\"}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3 text-lg font-bold\",\"children\":\"Chat APP\"}],[\"$\",\"p\",null,{\"className\":\"text-base-text-weak\",\"children\":\"Flamingo Chat  is a chat application featuring a sleek interface. Users can sign in with GitHub or Discord and join chat groups. The interface includes sections for Home, Emotes, Groups, and Users, with real-time messaging capabilities. Users can share text and images, and interact in group chats.\\n\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"TypeScript\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"React\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Next.js\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Tailwind CSS\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"shadcn/UI\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Node.js\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Github Api\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Discord Api\"}]}]]}]]}]}],[\"$\",\"$L6\",null,{\"href\":\"/projects/gama-dent\",\"className\":\"group basis-1/2 roun
9ded-xl border border-base-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[[\"$\",\"$L7\",null,{\"className\":\" h-32 w-40 rounded-full border border-base-border max-sm:hidden\",\"src\":\"/images/gamadent.png\",\"quality\":80,\"width\":1200,\"height\":800,\"alt\":\"Cover image of Gama Dent\"}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3 text-lg font-bold\",\"children\":\"Gama Dent\"}],[\"$\",\"p\",null,{\"className\":\"text-base-text-weak\",\"children\":\"Gama Dental offers features tailored to dental care or products, presented in an interactive manner due to its React-based development.\\n\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"TypeScript\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"React\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Tailwind CSS\"}]}]]}]]}]}],[\"$\",\"$L6\",null,{\"href\":\"/projects/git-user-search\",\"className\":\"group basis-1/2 rounded-xl border border-base-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[[\"$\",\"$L7\",null,{\"className\":\" h-32 w-40 rounded-full border border-base-border max-sm:hidden\",\"src\":\"/images/git-users.png\",\"quality\":80,\"width\":1200,\"height\":800,\"alt\":\"Cover image of Git User Search\"}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3 text-lg font-bold\",\"children\":\"Git User Search\"}],[\"$\",\"p\",null,{\"className\":\"text-base-text-weak\",\"children\":\"This website is a tool for searching GitHub users. It provides a simple interface to enter a GitHub username and retrieve information such as the user's avatar, biography, and data from their GitHub profile.\\n\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Angular\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"TypeScript\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Zone.js\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Tailwind CSS\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Angular Material\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Github API\"}]}]]}]]}]}],[\"$\",\"$L6\",null,{\"href\":\"/projects/netflix-fork\",\"className\":\"group basis-1/2 roun
9ded-xl border border-base-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[[\"$\",\"$L7\",null,{\"className\":\" h-32 w-40 rounded-full border border-base-border max-sm:hidden\",\"src\":\"/images/netflix-fork.png\",\"quality\":80,\"width\":1200,\"height\":800,\"alt\":\"Cover image of Netflix Forking website\"}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3 text-lg font-bold\",\"children\":\"Netflix Forking website\"}],[\"$\",\"p\",null,{\"className\":\"text-base-text-weak\",\"children\":\"This is a Netflix interface clone, featuring a homepage with a prominent series, options to play or learn more, and a navigation bar for Home, TV Series, Movies, My List, profiles, and kids' content.\\n\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"React\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Vite\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Tailwind CSS\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Netflix API\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Webpack\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Babel\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"ESLint\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Stylelint\"}]}],[\"$\",\"div\",null,{\"className\":\"inline-flex select-none items-center rounded-sm bg-base-surface px-2 py-1 text-sm text-base-surface-text-weak transition hover:text-base-surface-text-strong sm:text-base\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate text-sm\",\"children\":\"Prettier\"}]}]]}]]}]}]]}]}]],null]]},[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"projects\",\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}]]},[null,[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"meta\",null,{\"property\":\"og:url\",\"content\":\"https://gungho0619.vercel.app/\"}]}],[\"$\",\"body\",null,{\"className\":\"__className_d65c78\",\"children\":[[\"$\",\"$La\",null,{\"children\":[[\"$\",\"$Lb\",null,{}],[\"$\",\"main\",null,{\"className\":\"mx-auto w-full max-w-5xl px-4 sm:px-8 pb-32\",\"children\":[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\"
9:\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":null}]}]]}],[\"$\",\"$Lc\",null,{}]]}]]}],null]],\"initialHead\":[false,\"$Ld\"],\"globalErrorComponent\":\"$e\",\"missingSlots\":\"$Wf\"}]]\n"])</script>
9<script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Projects | Akira Yoshiro\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"A list of side-projects I've worked on.\"}],[\"$\",\"link\",\"4\",{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Projects | Akira Yoshiro\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"A list of side-projects I've worked on.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://gungho0619.vercel.app/_next/static/media/og-image.077be812.png\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:title\",\"content\":\"Projects | Akira Yoshiro\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:description\",\"content\":\"A list of side-projects I've worked on.\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:image\",\"content\":\"https://gungho0619.vercel.app/_next/static/media/og-image.077be812.png\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"link\",\"16\",{\"rel\":\"icon\",\"href\":\"/_next/static/media/favicon.5eadf375.ico\",\"sizes\":\"32x32\"}],[\"$\",\"link\",\"17\",{\"rel\":\"icon\",\"href\":\"/_next/static/media/favicon.dd93e9a1.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"18\",{\"rel\":\"apple-touch-icon\",\"href\":\"/_next/static/media/apple-touch-icon.4b98b61a.png\"}],[\"$\",\"meta\",\"19\",{\"name\":\"next-size-adjust\"}]]\n"])</script>
9<script>self.__next_f.push([1,"5:null\n"])</script>
9<script>self.__next_f.push([1,""])</script>
9</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.