A modern, responsive leaderboard web app for Minecraft PvP servers.
Displays player tiers, badges, and points for different PvP kits.
- Modern, mobile-friendly UI (Tailwind CSS)
- Dynamic leaderboard (Overall & per-kit tabs)
- Discord-style badges and player avatars
- Easy server IP copy
- API integration for real-time data
-
Clone the repository:
git clone https://github.com/KayJss/PVPTIERLIST cd minecraft-tier-site -
Install backend dependencies:
npm install express cors -
Start the backend API:
node server.js- The API will run at
http://localhost:3000/api/tiers
- The API will run at
-
Serve the frontend:
- You can use any static server, e.g.:
npx serve . - Or open
index.htmlwith Live Server (VSCode extension) or similar.
- You can use any static server, e.g.:
- The site fetches player tier data from the backend API.
- Use the tabs to view leaderboards for each kit or overall.
- Click the server IP to copy it.
- The backend (
server.js) manages thetiers.jsonfile for player data.
GET /api/tiers— Returns all tier data as JSON.POST /api/add-tier— Adds or updates a player's tier (used by Discord bot).POST /api/remove-tier— Removes a player's tier (used by Discord bot).
- Change the server IP in
index.html(your.server.ip). - Edit colors, badges, or kits as needed in the HTML/JS files.
- Update the Discord bot integration as needed.
- No sensitive data or tokens are included in this repo.
- Do not expose your API token or Discord bot token publicly.
MIT — Free to use and modify.
Designed by KayJs
Minecraft PvP sunucuları için modern, duyarlı bir liderlik tablosu web uygulaması.
Farklı PvP kitleri için oyuncu tier'larını, rozetlerini ve puanlarını gösterir.
- Modern, mobil uyumlu arayüz (Tailwind CSS)
- Dinamik liderlik tablosu (Genel ve kit bazlı sekmeler)
- Discord tarzı rozetler ve oyuncu avatarları
- Kolay sunucu IP kopyalama
- Gerçek zamanlı veri için API entegrasyonu
-
Projeyi klonlayın:
git clone https://github.com/KayJss/PVPTIERLIST cd minecraft-tier-site -
Backend bağımlılıklarını yükleyin:
npm install express cors -
Backend API'yi başlatın:
node server.js- API şu adreste çalışacak:
http://localhost:3000/api/tiers
- API şu adreste çalışacak:
-
Frontend'i başlatın:
- Herhangi bir statik sunucu kullanabilirsiniz, örneğin:
npx serve . - Veya
index.htmldosyasını Live Server (VSCode eklentisi) ile açabilirsiniz.
- Herhangi bir statik sunucu kullanabilirsiniz, örneğin:
- Site, oyuncu tier verilerini backend API'den çeker.
- Sekmeleri kullanarak her kit veya genel liderlik tablosunu görüntüleyin.
- Sunucu IP'sine tıklayarak kopyalayabilirsiniz.
- Backend (
server.js), oyuncu verilerinitiers.jsondosyasında tutar.
GET /api/tiers— Tüm tier verilerini JSON olarak döner.POST /api/add-tier— Bir oyuncunun tier'ını ekler/günceller (Discord botu kullanır).POST /api/remove-tier— Bir oyuncunun tier'ını siler (Discord botu kullanır).
index.htmldosyasındaki sunucu IP'sini (your.server.ip) değiştirin.- Renkleri, rozetleri veya kitleri HTML/JS dosyalarında düzenleyin.
- Discord bot entegrasyonunu ihtiyaca göre güncelleyin.
- Bu repoda hassas veri veya token yoktur.
- API tokenınızı veya Discord bot tokenınızı asla herkese açık paylaşmayın.
MIT — Ücretsiz kullanabilir ve değiştirebilirsiniz.
Tasarım: KayJs