Comunidad JimTracker

A full-stack serverless League of Legends multi-regional leaderboard tracker for JimRsng's Twitch community.

Features

• Multi-regional support
• Riot Account integration
• User profiles
• Automated data refresh every 30 minutes
• Data distribution visualization
• Serverless architecture
• Twitch authentication
• Twitch chatters indicator
• Color mode support

Screenshots

Leaderboard Table

Distribution Section

Profile Page

Activity Page

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.
• Authentication: nuxt-auth-utils sessions and OAuth integrations.
• Package Manager: pnpm.

Prerequisites

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

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