ridwaanhall Profile Photo
Ridwan Halim

MLBB Identity Card

Web-based identity card displaying authenticated MLBB ranked stats and battle highlights.

In Development
Back Back
Python Python
Django Django
TailwindCSS TailwindCSS
MLBB Identity Card - mlbb_identity_card.webp
MLBB Identity Card - mlbb_identity_card_page.webp

2 images • Use arrows or dots to navigate

Description

Built with Django and TailwindCSS, optimized for responsive UI and clean data presentation.

Displays authenticated user profile snapshot, rank history, performance stats, and battle highlights.

Aggregates hero usage statistics from ranked matches with win rate, average score, and match rating.

Provides recent match history with KDA, lane, score, and MVP status.

Designed with modular components for easy extension to new data sources or game modes.

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.

Tech Stack

Python
Python Versatile programming language for web development, data science, and automation
Django
Django High-level Python web framework for rapid development
TailwindCSS
TailwindCSS Utility-first CSS framework for rapid UI development
Live Demo