Çalışma için Unit test yazılmalıdır.

Ekranın sol tarafında bulunan filtreler ile filtreleme işlemi yapılabilmelidir (Sıralama ölçüleri yapıldı. Marka ve Model filtrelemede api üzerinde birden fazla değer ile veri çekilemediğinden sadece tesla markası ile veri çekim işlemi yapılmıştır. Model kısmı kodlanmamıştır.) .

Çalışma içinde yapılacak save / load işlemlerinin localStorage’a kaydedilmesi gerekmektedir.

Uygulama içerisinde en az 1 servis isteği yapılmalıdır.

Çalışmanın görsel tasarımı için istenilen kütüphane kullanılabilir.

Çalışma responsive design kurallarına uygun olarak yapılmalıdır.

Yapılacak çalışmada en az 2 ayrı sayfa olmalıdır.

• Ürün Liste Sayfası
• Ürün Detay Sayfası

Uygulama, listeleme ekranı ile başlamalıdır.

Listenecek olan elemanlar şu adres üzerinden çekilip ekrana basılacaktır.

Ürünler 12’şer adet olarak ekranda gösterilmelidir. 12’den fazla ürün varsa pagination özelliği eklenmelidir.

Listelenen ürünlerden biri seçildiğinde, o ürünün detaylarının bulunduğu ekrana yönlendirilecek ve ürün detayları gösterilecektir.

Ekranda bulunan “add to cart” butonuna basarak sepete ürün eklenmelidir.

Sepet alanında(en sağdaki bulunan alan) ürün sayısı arttırılıp azaltılabilmeli ve bu güncellemelere göre sepette güncellenmelidir.

Sepete eklenen ürünler, browser’ı kapatılsa bile tekrar açıldığında kaldığı yerden devam edebilmelidir.

Header alanında bulunan “Search“ alanı ile tüm ürünler arasında isim ile arama yapılıp, aşağıdaki liste güncellenmelidir.

Ürünlerden herhangi birinin üzerine tıklandığında “Ürün Detay” ekranına gidebilmeli ve sepete ekleme işlemi bu alandan da yapılabilmelidir.

Redux, Redux-Saga, ContextApi vb. kullanılması avantajlı olacaktır.(ContextAPI kullanıldı)