Bu tek sayfa progressive web app Angular CLI version 10.1.3. kullanılarak oluşturulmuştur.
-
Arayüz için Angular Material
-
State Managament için Ngrx Store & Effects
-
Recaptcha V3 için ng-recaptcha
-
Bootstrap'in sadece ızgara yapısı
Uygulama yüklenene kadar açılış ekranı
Temel modül. İstekler genelde burada yapılır. Bu proje küçük olduğu için stage managamenti de buraya dahil ettim.
Paylaştırılan modül. Kart ve sayfayı kaplayan loading komponentleri burada bulunmaktadır.
Ayrıca POSTMAN'dan kaynaklanan kısıtlamalar nedemiyle ücreti yıllık, aylık ya da günlük olarak sınıflandıran pipe da burada yer almaktadır.
İşler detaylıca filtrelenmek istenirse diye örnek bir auto complete bileşeni oluşturdum.
Yetkilinin CRUD operasyonlarını gerçekleştireceği kısım. Ek olarak sayfalandırma özelliği ekledim.
Silme, düzenleme ve ekleme işlemleri modal üzerinde yapılmaktadır.
Yine postman'ın sınırlamalarından dolayı post için sadece 1 url oluşturdum. Sadece id dönderiyor.
State management ile bütün işlemleri store'da topladım.
Hosting için firebase kullandım. Buraya tıklayarak uygulamayı açabilirsiniz.
Postman'ın şu anlık mock server kullanım kredisi 648/1000'dir.
Postman rastgele birden fazla paragraf oluşturulduğunda JSON verisinde alt satıra geçtiği için kendi mock serveri çöküyor. Bunun önüne geçmek için iş açıklamasını tek paragraf ile sınırlandırıp detail içinde 10 defa döndürdüm.
Nadir de olsa Postman mock server bazı alanları eksik oluşturabiliyor. Söz gelimi şirket ismi ya da iş alanı bilgilerini rastgele çekemiyor, bunun sonucunda ekranda boş kalabiliyor. Bu durumda tarayıcıyı kapatıp yeni gizli sekmede yeniden açabilirsiniz.
Proje ana dizinine gelip node paketlerini yükledikten sonra ng serve komutuyla http://localhost:4200/ portunda görüntüleyebilirsiniz.
ng run jobsadmin:app-shell:production