Bana kullanımı kolay geldiği için bu projede provider ve MobX state yönetimlerini kullandım.
Proje'nin performansı için ve kod tekrarını engellemek açısından singleton sınıflar, abstract factory patterne ve observer tasarım paternine ihtiyaç duydum.
Projede MVVM yazılım mimari modeli kullandım.
Projemiz core,features,product olmak üzere üç klasörden oluşuyor.Core katmanında tüm projelerde kullandığım, projeden projeye taşıdığım sınıflar,componentler,managerlar vs bulunuyor. Features katmanında ekranlarımız MVVM yazılım mimari modeline göre ayrılıyor. Product kısmında ise projeye özel componentler, sınıflar,managerlar vs bulunuyor.
Tasarım kısmında bana çok kolaylık sağlayan propertyleri olduğu için Veli Bacik hocamın kartal paketini kullanıyorum.Bunun haricinde json serializable,mobx,build runner provider gibi paketleri kullanıyorum. UI kısmı için kullandığım bir paket yok tüm tasarımı kendim kodladım.
Proje maçlarım ve kuponlarım olmak üzere iki kısımdan oluşuyor. Maçlarım kısmında api'den gelen maçlar ekranda listelenmektedir. Maçlardan herhangi biri seçildiğinde seçilen maç kuponlar sayfasına eklenmektedir. Seçim devre dışı bırakıldığında seçilen maç kuponlar sayfasından silinmektedir. Kuponlar sayfasında ise hiçbir maç seçili değil ise Kuponlarım Boş yazısı ekranda görülmektedir.Maç seçiili ise seçilen maçlar kuponlarım sayfasında listelenmektedir. Maçların sağında bulunan çöp kutusuna tıklayarak seçili maçı silebiliriz. Sağ altta bulunan + butonuna tıklayarak kupon oluşturabilir maçların oranlarına ve toplam orana ulaşabilirsiniz.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent