- Katılım
- 5 gün
- Mesajlar
- 1
che Web Admin Panel | Node.js + React | Discord Entegreli Hızlı Yönetim Paneli
Selamlar dostlar,
Bir süredir üzerinde uğraştığım, FiveM sunucu yönetimini cidden pratikleştirmek için geliştirdiğim che Web Admin Panel projemi sizlerle paylaşmak istedim. Piyasadaki hantal, PHP tabanlı ve yavaş çalışan panellerden sıkıldığım için tamamen React ve Node.js altyapısıyla harmanlayıp çok daha hızlı, akıcı ve güvenli bir şey ortaya çıkarmaya çalıştım.
Sadece oyun içi data okumakla kalmıyor, Discord'u da işin içine dahil ediyor. Şöyle genel hatlarıyla ne işe yaradığına bir bakalım:
Arayüz (Glassmorphism & Neon)
Göz yormasın ama premium dursun diye "7Night" temasına uygun koyu/neon bir tasarım yaptım.
Tasarım tamamen duyarlı (responsive). Yani sunucuda acil bir şey olduğunda PC'ye geçmeden telefondan girip anında halledebiliyorsunuz.
Anasayfada (Dashboard) anlık oyuncu, aktif banlar, whitelist sayısı ve sunucu pingi/uptime durumu gibi özet veriler akıyor.
Bir tıkla para verme, eşya gönderme, kick veya anında ban atma işlevleri aktif.
Envanterine veya garajındaki araçlara saniyesinde bakabiliyorsunuz. İllegal bir durum varsa hemen çözersiniz.
Başvuru ve Whitelist Sistemi (Tam Otomatik)
Sitede kendine ait bir başvuru portalı var. Oyuncu gelip formunu dolduruyor.
Discord onaylı Whitelist sistemi: Oyuncunun formu onaylandığı an hem DB'ye whitelist olarak düşüyor hem de arka planda Discord botu üzerinden "Whitelist" rolü veriliyor. Giriş yaparken ekstra karakter onay permi alması için ayarladım.
Tek tuşla "Mülakata Al", "Onayla" veya "Reddet". Onaylanan direkt sunucuya girebilir duruma geliyor.
Discord & LSPD/EMS Ekip Yönetimi
Panelin benim en sevdiğim yanlarından biri de bu. LSPD, EMS gibi legal ekiplerin discord üyelerini oyunla entegre olarak panelde listeleyebiliyoruz.
Yeni memur mu alındı? Panel üzerinden yetki veriyorsunuz geçiyorsunuz.
Adamı CK mı yapacaksınız? Tıklıyorsunuz, hem ekipten düşüyor hem işlemleri tamamlanıyor.
Loglar & Şüpheli İşlem Bildirimleri
Webhook'larda binlerce satır log okumaktan göz kanamasına son. Panel doğrudan bot üzerinden log kanallarını çekip embed olarak listeliyor. Filtreyle arama yapabiliyorsunuz.
Oto-Analiz: Adam bir anda 500k para mı transfer etti? Envanterine 50 küsur item mı çekti? Panel bunu algılayıp logu kırmızı yapıyor, üstüne bir de "Şüpheli" damgası basılıyor.
Beğendiğiniz loga admin olarak not da düşebiliyorsunuz.
Gelişmiş Ekip (Oluşum) Yönetimi ve Discord Entegrasyonu
Discord'da oluşuma özel Otomatik Rol oluşturuyor, Sınırsız kanalı açıyor ve Patronun (Boss) rolünü ve izinlerini anında Discord üzerinden veriyor.
Bot, açılan sınırsıza yönetim için çok şık bir embed atıyor. Ekip lideri, Discord üzerinden sadece butonlara tıklayarak kendi oluşumuna oyuncu alabiliyor, atabiliyor veya herkese toplu DM duyurusu geçebiliyor. Ekibi tamamen Discord'dan yönetiyorlar. Olası bir CK durumunda panelden tek tuşla ekip silinebiliyor. Bot Discord üzerindeki kanalları ve rolleri anında temizliyor.
Altyapı ve Güvenlik (JWT)
Arka taraf tamamen JWT (JSON Web Token) ile korunuyor.
Discord OAuth2 ile giriş yapıldığı için başkasının girip işlem yapma ihtimali yok.
Eski sistemlerden kurtulup, performans sorunu yaşamak istemeyen, modern bir panel arayan dostlar için gerçekten kafa rahatlatıcı bir proje oldu.
Aklınıza takılan bir şey olursa sorun, detaylı bilgi veya test etmek isteyenler
Değerli yorumlarınızı bekliyorum, herkese iyi forumlar.
Discord: mert6ix
Bir süredir üzerinde uğraştığım, FiveM sunucu yönetimini cidden pratikleştirmek için geliştirdiğim che Web Admin Panel projemi sizlerle paylaşmak istedim. Piyasadaki hantal, PHP tabanlı ve yavaş çalışan panellerden sıkıldığım için tamamen React ve Node.js altyapısıyla harmanlayıp çok daha hızlı, akıcı ve güvenli bir şey ortaya çıkarmaya çalıştım.
Sadece oyun içi data okumakla kalmıyor, Discord'u da işin içine dahil ediyor. Şöyle genel hatlarıyla ne işe yaradığına bir bakalım:
Arayüz (Glassmorphism & Neon)
Göz yormasın ama premium dursun diye "7Night" temasına uygun koyu/neon bir tasarım yaptım.
Tasarım tamamen duyarlı (responsive). Yani sunucuda acil bir şey olduğunda PC'ye geçmeden telefondan girip anında halledebiliyorsunuz.
Anasayfada (Dashboard) anlık oyuncu, aktif banlar, whitelist sayısı ve sunucu pingi/uptime durumu gibi özet veriler akıyor.
Oyuncu & Karakter Takibi
Oyuncunun IC isminden, mesleğine, bankasındaki parasından Discord ayarlarına kadar her şeyi tek panelde görebiliyorsunuz.Bir tıkla para verme, eşya gönderme, kick veya anında ban atma işlevleri aktif.
Envanterine veya garajındaki araçlara saniyesinde bakabiliyorsunuz. İllegal bir durum varsa hemen çözersiniz.
Başvuru ve Whitelist Sistemi (Tam Otomatik)
Sitede kendine ait bir başvuru portalı var. Oyuncu gelip formunu dolduruyor.
Discord onaylı Whitelist sistemi: Oyuncunun formu onaylandığı an hem DB'ye whitelist olarak düşüyor hem de arka planda Discord botu üzerinden "Whitelist" rolü veriliyor. Giriş yaparken ekstra karakter onay permi alması için ayarladım.
Tek tuşla "Mülakata Al", "Onayla" veya "Reddet". Onaylanan direkt sunucuya girebilir duruma geliyor.
Discord & LSPD/EMS Ekip Yönetimi
Panelin benim en sevdiğim yanlarından biri de bu. LSPD, EMS gibi legal ekiplerin discord üyelerini oyunla entegre olarak panelde listeleyebiliyoruz.
Yeni memur mu alındı? Panel üzerinden yetki veriyorsunuz geçiyorsunuz.
Adamı CK mı yapacaksınız? Tıklıyorsunuz, hem ekipten düşüyor hem işlemleri tamamlanıyor.
Loglar & Şüpheli İşlem Bildirimleri
Webhook'larda binlerce satır log okumaktan göz kanamasına son. Panel doğrudan bot üzerinden log kanallarını çekip embed olarak listeliyor. Filtreyle arama yapabiliyorsunuz.
Oto-Analiz: Adam bir anda 500k para mı transfer etti? Envanterine 50 küsur item mı çekti? Panel bunu algılayıp logu kırmızı yapıyor, üstüne bir de "Şüpheli" damgası basılıyor.
Beğendiğiniz loga admin olarak not da düşebiliyorsunuz.
Gelişmiş Ekip (Oluşum) Yönetimi ve Discord Entegrasyonu
Discord'da oluşuma özel Otomatik Rol oluşturuyor, Sınırsız kanalı açıyor ve Patronun (Boss) rolünü ve izinlerini anında Discord üzerinden veriyor.
Bot, açılan sınırsıza yönetim için çok şık bir embed atıyor. Ekip lideri, Discord üzerinden sadece butonlara tıklayarak kendi oluşumuna oyuncu alabiliyor, atabiliyor veya herkese toplu DM duyurusu geçebiliyor. Ekibi tamamen Discord'dan yönetiyorlar. Olası bir CK durumunda panelden tek tuşla ekip silinebiliyor. Bot Discord üzerindeki kanalları ve rolleri anında temizliyor.
Altyapı ve Güvenlik (JWT)
Arka taraf tamamen JWT (JSON Web Token) ile korunuyor.
Discord OAuth2 ile giriş yapıldığı için başkasının girip işlem yapma ihtimali yok.
Eski sistemlerden kurtulup, performans sorunu yaşamak istemeyen, modern bir panel arayan dostlar için gerçekten kafa rahatlatıcı bir proje oldu.
Aklınıza takılan bir şey olursa sorun, detaylı bilgi veya test etmek isteyenler
Linkleri,görmek için
Giriş yap veya üye ol.
üzerinden test edebilir. ayriyetten ulaşmak isterseniz Discord üzerinden yazabilirsiniz..Değerli yorumlarınızı bekliyorum, herkese iyi forumlar.
Discord: mert6ix




