Always respond in Türkçe
Admin paneli geliştireceğiz
HTML, CSS, JS kullan
Bootstrap kullanü
Modern bir tasarım olsun
EJX falan kullanma. Olabildiğince basit bir şekilde kodla.
Bir sunucu oluşturup projeyi ayağa kaldır 3002 portunu kullan
/docs klasörü altındaki API.md ve MODELS.md dosyaları senin için bir rehber görevi görsün ve o rehberi iyice takip et
/docs klasörü altındaki API.md ve MODELS.md dokümanları bir backend Api dokümanı olarak kullan ve asla bu dokümanların ddışına çıkma
/docs altındaki API.md ve MODELS.md dosyalarının dışına çıkma
ana klasörün adı admin-panel-sa-ra
admin panli için yazılmış backendin içindekki özellikler;
Kullanıcı Yönetimi
Tüm kullanıcıları listeleme ve filtreleme
İsim/soyisim/telefon ile arama
Role göre filtreleme (user, guide, admin)
Duruma göre filtreleme (active, blocked)
Detaylı kullanıcı bilgisi görüntüleme
Kullanıcı durumu güncelleme (active/blocked)
Kullanıcı rolü değiştirme
Kullanıcı istatistikleri görüntüleme
Son giriş zamanı
Toplam mesaj sayısı
Katıldığı grup sayısı
Aktif olduğu gruplar
Rehber Yönetimi
Rehber listesini görüntüleme ve filtreleme
Rehber onaylama sistemi
Bekleyen başvuruları görüntüleme
Başvuru onaylama/reddetme
Rehber performans istatistikleri
Toplam tur sayısı
Aktif tur sayısı
Ortalama grup büyüklüğü
Değerlendirme puanı
Rehberlerin gruplarını görüntüleme
Rehber raporları oluşturma
Grup Yönetimi
Tüm grupları listeleme ve filtreleme
İsme göre arama
Rehbere göre filtreleme
Duruma göre filtreleme
Grup detaylarını görüntüleme
Üye listesi
Mesaj istatistikleri
Aktivite geçmişi
Grup durumu değiştirme (active/inactive)
Grup üyelerini yönetme
Üye ekleme/çıkarma
Üye rollerini değiştirme
Grup istatistikleri görüntüleme
İstatistikler ve Raporlama
Genel sistem istatistikleri
Toplam kullanıcı sayısı
Aktif kullanıcı sayısı
Toplam grup sayısı
Günlük mesaj sayısı
Kullanıcı aktivite raporları
Günlük aktif kullanıcı sayısı
Aylık aktif kullanıcı sayısı
Grup aktivite raporları
En aktif gruplar
Mesaj yoğunluğu
Mesaj istatistikleri
Toplam mesaj sayısı
Ortalama yanıt süresi
Dönemsel raporlar oluşturma
Sistem Yönetimi
Sistem durumu izleme
Sunucu durumu
Veritabanı durumu
API performansı
Hata logları görüntüleme
Hata seviyelerine göre filtreleme
Hataları çözüldü olarak işaretleme
Performans metrikleri
API yanıt süreleri
Kaynak kullanımı
Bluetooth bağlantı başarı oranı
Bildirim yönetimi
Toplu bildirim gönderme
Bildirim şablonları oluşturma
Sistem ayarları
Genel ayarlar
Güvenlik ayarları
Bildirim ayarları
Performans ayarları
Bakım ayarları
Güvenlik ve Denetim
Kullanıcı oturum geçmişi
İşlem logları
Güvenlik ihlali raporları
IP kısıtlamaları yönetimi
Erişim logları inceleme
Bakım ve Destek
Sistem bakım modu yönetimi
Veritabanı yedekleme durumu
Sistem güncellemeleri
Destek talepleri yönetimi
Sistem sağlığı raporları
Admin panelini oluşturuken şu adımları izle;
1. Proje Altyapısının Kurulması
Express.js sunucu kurulumu (Port: 3002)
Klasör yapısının oluşturulması
Gerekli npm paketlerinin kurulumu
Bootstrap ve diğer frontend kütüphanelerinin entegrasyonu
2. Temel Arayüz Tasarımı
Admin panel ana şablonunun oluşturulması
Responsive sidebar menü tasarımı
Header ve footer bileşenlerinin hazırlanması
Genel stil dosyalarının oluşturulması
3. Kullanıcı Yönetimi Modülü
1. Kullanıcı listesi sayfası
Filtreleme ve arama özellikleri
Sayfalama sistemi
Kullanıcı durumu değiştirme butonları
2. Kullanıcı detay sayfası
Profil bilgileri görüntüleme
İstatistik kartları
Rol değiştirme formu
4. Rehber Yönetimi Modülü
1. Rehber listesi sayfası
2. Başvuru yönetim sistemi
3. Performans istatistikleri dashboard'u
4. Rehber raporlama sistemi
5. Grup Yönetimi Modülü
1. Grup listesi ve filtreleme sistemi
2. Grup detay sayfası
3. Üye yönetim arayüzü
4. Grup istatistikleri paneli
6. İstatistikler ve Raporlama Modülü
1. Genel dashboard tasarımı
2. Grafik ve chart bileşenleri
3. Raporlama formları
4. Excel/PDF export özellikleri
7. Sistem Yönetimi Modülü
1.Sistem durumu monitörü
2. Log görüntüleme arayüzü
3. Performans metrikleri dashboard'u
4. Bildirim yönetim paneli
5. Ayarlar sayfası
8. Güvenlik ve Denetim Modülü
1. Log inceleme arayüzü
2. Güvenlik raporları sayfası
3. IP kısıtlama yönetimi
4. Oturum geçmişi görüntüleme
9. Bakım ve Destek Modülü
1. Bakım modu kontrol paneli
2. Yedekleme durumu monitörü
3. Güncelleme yönetimi
4. Destek talepleri listesi
10. Test ve Optimizasyon
Arayüz testleri
Performans optimizasyonu
Cross-browser uyumluluk kontrolleri
Responsive tasarım düzenlemeleri
/docs klasörü altındaki API.md ve MODELS.md dosyaları senin için bir rehber görevi görsün ve o rehberi iyice takip et
/docs klasörü altındaki API.md ve MODELS.md dokümanları bir backend Api dokümanı olarak kullan ve asla bu dokümanların ddışına çıkma
/docs altındaki API.md ve MODELS.md dosyalarının dışına çıkma
bootstrap
css
express.js
html
javascript
npm
vite
First Time Repository
JavaScript
Languages:
CSS: 0.5KB
HTML: 56.9KB
JavaScript: 79.4KB
Created: 1/7/2025
Updated: 1/7/2025