---
title: "Arena Card"
url: "https://ridwaanhall.com/projects/mlbb-identity-card"
markdown: "https://ridwaanhall.com/projects/mlbb-identity-card.md"
summary: "A FastAPI web card for Mobile Legends players: sign in once to see your ranked stats and battle highlights."
---

# Arena Card

> A FastAPI web card for Mobile Legends players: sign in once to see your ranked stats and battle highlights.

- Category: gaming
- Status: Completed
- Started: January 16, 2026
- Built with: FastAPI, Python, uv, Vercel
- Live: https://arena-card.rone.dev

## About

### The problem

Mobile Legends players like to show how good they are, but the in-game profile hides the numbers that matter behind several menus and is hard to share.

### The approach

Arena Card signs a player in once and aggregates their ranked matches into a single readable page. It started in Django and was migrated to FastAPI, with dependencies locked by uv and deployment to Vercel through an ASGI entrypoint. Data comes from the Rone Arena API, with configurable fallback hosts.

- A profile snapshot with rank history, level, role and zone.
- Aggregated performance: win rate, average score, MVP rate and match rating per hero.
- Battle highlights and recent matches with KDA, lane, score and MVP status.

### The result

Live at arena-card.rone.dev. The source is private.

## Features

- **Profile Snapshot**: Shows player avatar, ID, current rank, highest rank, level, role, and zone.
- **Performance Stats**: Aggregated gameplay metrics including win rate, average score, MVP rate, and play time.
- **Battle Highlights**: Top records by category such as most kills, assists, damage, and gold.
- **Recent Matches**: Latest battle history from selected season with detailed match data.
- **Most Played Heroes**: Aggregated hero usage stats including win rate, average score, and match rating.

## Tags

MLBB, identity-card, Django, tailwindcss, ranked-stats, battle-highlights, hero-usage

## Elsewhere

- This page for people: https://ridwaanhall.com/projects/mlbb-identity-card
- Index of every page as Markdown: [llms.txt](https://ridwaanhall.com/llms.txt)