Jim Rising Tracker

Secrets

# Riot API Key
NUXT_RIOT_API_KEY=

# Twitch App Credentials
NUXT_TWITCH_CLIENT_ID=
NUXT_TWITCH_CLIENT_SECRET=

# Twitch Webhook Secret Key
NUXT_WEBHOOK_TWITCH_SECRET_KEY=

# Kick App Credentials
NUXT_KICK_CLIENT_ID=
NUXT_KICK_CLIENT_SECRET=

# CDN Token for Blob Storage (Cloudflare R2)
NUXT_CDN_TOKEN=

Screenshot

Tech stack

• Framework: Nuxt 4, the Vue framework for bringing the best development experience and NuxtHub features.
• UI Library: Nuxt UI.
• Deployment: Serverless hosted on Cloudflare Workers.
• Database: Cloudflare D1 serverless SQL database.
• ORM: Drizzle ORM TypeScript ORM for SQL databases.
• Task Scheduling: Cloudflare Cron Triggers.
• APIs:
  • twisted: Riot Games API wrapper.
  • twurple: Twitch API wrapper.
  • kient: Kick API wrapper.
• Webhook Events:
  • Twitch Webhook Events.
  • Kick Webhook Events.
• Package Manager: pnpm.

Prerequisites

• Node.js
• pnpm
• Cloudflare Account
• Riot Games API key from Riot Developer Portal
• Twitch developer app from Twitch Developer Console
• Kick developer app from Kick Developer

License

Made with ❤️ by Ahmed and Yizack.

Open Source app and published under MIT License.

Development

Local development

# Install dependencies
pnpm install

# Datebase migration
pnpm db:migrate

# Build
pnpm build

# Run ESLint
pnpm lint

# Run typecheck
pnpm test:types