{"repo":"arabacibahadir/pokitch","free":true,"listed":false,"github":"https://github.com/arabacibahadir/pokitch","clone":"git clone https://github.com/arabacibahadir/pokitch.git","description":"Pokitch - Interactive Twitch chat game","language":"TypeScript","stars":25,"topics":["twitch","game","nextjs","overlay","typescript","chat-game","supabase","tmijs","twitch-overlay"],"license":"MIT","category":"game-templates","readme_excerpt":"Pokitch Pokitch is an interactive Twitch chat game that streamers can add as an overlay to their live streams. Homepage: pokitch.app Online overlay demo: pokitch.app/overlays/:id Features - Twitch Bot - Stream overlay Demo video https://user-images.githubusercontent.com/32988819/208307217-91159b3a-e0bf-4cfc-8a4c-c329b0cfa8a6.mp4 Instructions Step 1: Copy the overlay url Go to homepage and login. Copy the link we gave you after you signed in. Step 2: Open your broadcasting tool Open your broadcasting tool and add a new browser source. Paste the overlay link into the URL field. Step 3: Complete the setup checklist Use the signed-in dashboard to confirm the remaining Twitch and OBS setup steps. Step 4: And done! https://user-images.githubusercontent.com/32988819/208307876-4d941a2d-2bbd-4ee9-ad81-4faee840a921.mp4 Brief How does the overlay stay updated? The database broadcasts a snapshot after each encounter change. The overlay subscribes to that channel and refreshes once when it first connects or reconnects; it does not poll while the game is idle. Each snapshot includes an update timestamp so a delayed response cannot overwrite newer state. How did we use Supabase Database ? Supabase Database is where we keep track of viewer poke collections and when on which Twitch channel they caught them. Tech-Stack - Supabase - Next.js App Router - Typescript - tmi.js - Tailwind CSS - CVA - shadcn/ui Local development Copy .env.example to .env and configure Supabase plus Twitch bot credent","default_branch":null,"files":null,"tree":[],"storefront":"/r/arabacibahadir","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/arabacibahadir/pokitch/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}