Projelere Dön
Full-Stack

CTCommAugust 2024 - June 2026

Gerçek zamanlı iletişime sahip kurumsal bir çağrı merkezi web uygulaması olan SimpleTouch'ı geliştirdim; Nx Monorepo içinde Next.js / React ve Angular olmak üzere iki paralel sürümle, gösterge panelleri ile kullanıcı, izin ve rapor yönetimi içerir.

Teknolojiler

TypeScriptNextJSAngularReduxTailwindCSS

SimpleTouch, bir çağrı merkezi (contact center) ve operasyon yönetim platformu için kurumsal (enterprise) bir ön yüz (frontend) uygulamasıdır. Statik arayüz sayfalarından ibaret olmayıp, arka uç (backend) ile sıkı entegre, veri yoğun bir operasyonel arayüzdür; kullanıcıları, rolleri ve izinleri, çalışma gruplarını (workgroups), çağrı kayıtlarını, raporları, hizmet kalitesini, bildirimleri, ayarları ve denetim kayıtlarını (audit logs) görüntülemek ve yönetmek için tasarlanmıştır.

İşin özü, karmaşık yönetimsel ve operasyonel iş akışları kurmaya odaklanır: canlı bilgileri net biçimde sunan veri yoğun tablolar, formlar, diyaloglar (dialogs), filtreler, grafikler ve gösterge panelleri (dashboards). Arayüz; kimlik doğrulama ve yetkilendirmeyi (authentication/authorization), gerçek zamanlı (real-time) güncellemeleri ve bildirimleri, ayrıca uygulamanın bakımını ve ölçeklenebilirliğini koruyan yeniden kullanılabilir arayüz desenlerini ve çerçevelerini destekler.

Proje iki paralel sürüm olarak geliştirildi. Next.js sürümü; Next.js, React ve TypeScript kullanan modern bir web ön yüzüdür; pages, components, services, store ve context katmanlarına temiz bir ayrımla; Redux Toolkit, Socket.IO, MUI ve PrimeReact entegrasyonuyla ve Playwright ile Jest testleriyle birlikte gelir.

Angular sürümü ise bir Nx monorepo içinde modüler monolit (modular monolith) olarak yapılandırılmıştır; tek bir Angular uygulaması, bağımsız (standalone) bileşenler, geç yüklemeli (lazy-loaded) yönlendirme, Angular Signals ve core, data-access, features ile shared katmanları arasında net bir ayrım içerir; ayrıca otomatik üretilen OpenAPI istemcileri kullanır.

Genel olarak uygulama, kullanıcı arayüzünü backend API hizmetlerine bağlarken; temiz, ölçeklenebilir bir mimariyi ve zorlu bir kurumsal ortamda net bir kullanıcı deneyimini korur.