Skip to content

arthantyo/valocards

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Valocards Banner

Valocards

Generate beautiful Valorant stats cards for your GitHub profile

TypeScript Express Node.js


📸 Preview

Card Preview

Live stats card generated from Valorant API


✨ Features

  • 🎯 Real-time Stats - Live match data and player statistics
  • 🖼️ Dynamic SVG Cards - Beautiful cards with rank badges and profile images
  • 🌍 Multi-Region - Supports NA, EU, LATAM, BR, AP, KR
  • Smart Caching - Fast response times with image and data caching
  • 🎨 Modern UI - Clean web interface to generate your card
  • 📊 Complete Stats - Winrate, K/D, ADR, Combat Score, Headshot %, Rounds Won

🚀 Quick Start

1️⃣ Install

git clone https://github.com/arthantyo/valocards.git
cd valocards
npm install

2️⃣ Configure

Create a .env file:

HENRIK_VALORANT_API_KEY=your_api_key_here

Get your API key from Henrik Dev API

3️⃣ Run

npm run build
npm run dev

Open http://localhost:3000 and generate your card! 🎉


📌 Usage

Web Interface

  1. Visit http://localhost:3000
  2. Enter your username and tag
  3. Select your region
  4. Click Generate Card
  5. Copy the URL and use it anywhere!

Direct URL

http://localhost:3000/card?username=YourName&tag=1234&region=na

Embed in GitHub

![Valorant Stats](http://localhost:3000/card?username=YourName&tag=1234&region=na)

🛠️ API Endpoints

Generate Card

GET /card?username={name}&tag={tag}&region={region}

Profile Card

GET /card-profile?username={name}&tag={tag}

Cache Stats

GET /cache/stats
GET /cache/images/stats

🙏 Credits


📄 License

MIT License - feel free to use this project!


⭐ Star this repo if you find it useful! ⭐

Report Bug · Request Feature

About

Generate an embed of your live form valorant stats!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published