Portföy
Admin Panel

TechCRM Admin Panel

SaaS ürünü için çok kiracılı, rol bazlı yönetim paneli

Süre
16 hafta
Kapsam
Frontend
Sonuç
12K+ Kullanıcı
TechCRM Admin Panel
12K+
Aktif kullanıcı
38
Modül
%99.98
Uptime
180ms
Ortalama API

12.000+ aktif kullanıcıya hizmet veren bir SaaS CRM ürünü için, rol bazlı yetkilendirme, gerçek zamanlı raporlama ve müşteri yaşam döngüsü yönetimini kapsayan modüler bir admin paneli tasarladık ve geliştirdik.

Zorluk

Problemin kaynağı

Farklı büyüklükteki müşteriler tek panelde yönetiliyor, her ekip kendi rollerini tanımlamak istiyordu. Mevcut yapı ölçek almıyor, veri sızıntısı riski taşıyordu.

Çözüm

Yaklaşımımız

Row-level security ve tenant-isolation prensipleriyle çok kiracılı bir mimari kurduk. Sürüklenebilir dashboard, özelleştirilebilir tablolar ve rol tabanlı erişim ile kullanıcı memnuniyeti artırıldı.

mimari · canlı sistem

Kod seviyesinde mühendislik

Sadece arayüz değil; ölçeklenebilir bir mimari, temiz bir kod tabanı ve otomatik dağıtım hattı kurduk. Aşağıda üretimde çalışan bu projenin temel yapı taşlarından bir kesit yer alıyor.

Edge Runtime
Cloudflare
CI/CD
GitHub Actions
Observability
OpenTelemetry
Deploy
Zero-downtime
rbac / policy.ts
TypeScript
01
02
03
04
05
06
07
08
09
10
11
12
13
14$
● production readylatency 42ms · region eu-central
Öne çıkan özellikler

Neler geliştirdik

Rol Tabanlı Erişim

Sınırsız rol, granular izinler, kaynak bazlı yetkilendirme.

Özelleştirilebilir Dashboard

Sürükle-bırak widget'lar, kullanıcıya özel görünümler.

Gerçek Zamanlı Bildirim

WebSocket üzerinden anlık aktivite akışı ve alarm sistemi.

Denetim Kayıtları

Her işlem loglanır, geriye dönük tam denetim izi.

01

Analitik ve raporlama

Ekiplerin karar almasını kolaylaştıran, canlı verilerle beslenen özelleştirilebilir bir raporlama merkezi kurduk. Excel ve PDF çıktıları, otomatik e-posta raporları.

  • 50+ hazır rapor şablonu
  • Zamanlanmış e-posta raporları
  • CSV, Excel, PDF export
  • Karşılaştırmalı dönem analizleri
Analitik dashboard
02

Tasarım sistemi

38 farklı modülü tutarlı bir arayüzde bir araya getirmek için sıfırdan bir tasarım sistemi kurduk. Storybook ile dokümante edilen komponentler ekipler arası hızı artırdı.

  • 120+ Storybook komponenti
  • Karanlık / aydınlık tema
  • WCAG 2.1 AA erişilebilirlik
  • TR / EN çok dilli destek
Tasarım sistemi
Kullanılan teknolojiler
ReactNode.jsPostgreSQLRedisWebSocketDockerAWSStorybook
Sonuçlar

Projenin etkisi

Kullanıcı sayısı 4K'dan 12K'ya çıktı
Support talepleri %52 azaldı
Ortalama oturum süresi 2.4x arttı
Yeni müşteri onboarding süresi %68 kısaldı

Benzer bir proje mi planlıyorsunuz?

Fikrinizi konuşalım, size özel bir çözüm tasarlayalım.