Reactivities

Bir ASP.NET Core Web API tüketen ikinci React uygulamam

Tamamlanma Oranı: %100

İçerik

İçeriği Göster

Bu uygulamada kayıt olabilir, oturum açabilir, kendinize ait bilgiler/fotoğraflar ekleyebilir ve güncelleyebilir, birincil fotoğrafınızı ayarlayabilirsiniz

Diğer kullanıcıları takip edebilir, takipten çıkabilir, takipçilerinizi ve takip ettiklerinizi listeleyebilirsiniz.

Yeni etkinlikler düzenleyip ilan edebilir, etkinliklerinizi iptal edebilir, erteleyebilir, mekanlarını değiştirebilirsiniz.

Başkasının ev sahibi olduğu etkinliklere katılacağınızı gösterebilir daha sonra istemezseniz katılmaktan vazgeçebilirsiniz.

Etkinliklerin altına yorum yapabilirsiniz.

İzlence

İçeriği Göster

WebAPI tarafında Onion Architecture kullanıldı.

WebAPI tarafında Optimal Repository Design Pattern kullanıldı.

WebAPI tarafında MediatR Kütüphanesi ile CQRS Pattern kullanıldı.

WebAPI tarafında mapping işlemleri için AutoMapper, doğrulama kuralları için FluentValidation kütüphaneleri kullanıldı.

Veri tabanı tohumlandı ve ilişkisel hale getirildi.

Kimlik doğrulama ve yetkilendirme işlemleri için Microsoft.AspNetCore.Identity.EntityFrameworkCore kütüphanesi kullanıldı.

Haberleşen iki veya daha fazla sistem arasında kullanıcı doğrulama, kullanıcı tanıma ve veri bütünlüğünü sağlayabilmek adına Json Web Tokens kullanıldı.

Fotoğraf ekleme servisi yazıldı ve Cloudinary kullanıldı.

Yorumları yönetebilmek için web uygulamalarına Real Time bir fonksiyonellik kazandıran ve bir Open Source kütüphane olan SignalR kullanıldı.

Etkinlikler sayfasında sayfalama, sıralama ve filtreleme işlemleri tamamlandı.

Kullanıcıların birbirlerini takip etme ve takipten çıkma işlemleri tamamlandı.

Client tarafında Node.js ve tarayıcı için promise tabanlı bir HTTP istemcisi olan Axios kullanıldı.

Client tarafında işlevsel reaktif programlamayı şeffaf bir şekilde uygulayarak durum yönetimini basit ve ölçeklenebilir hale getiren MobX Kütüphanesi kullanıldı.

Client tarafında gerekli görülen her yerde loading indicator kullanıldı.

Client tarafında oturum açma ve kayıt olma işlemleri tamamlandı.

Client tarafında bir JavaScript görüntü kırpıcısı olan react-cropper ve dosyalar için HTML5 uyumlu bir sürükle ve bırak bölgesi oluşturan react-dropzone kullanıldı.