Angular Project - World Map Operations

GİRİŞ SAYFASI

• Kullanıcı, sizin seçeceğiniz sosyal ağlardan herhangi biri ile login olabilmeli.
• Başarılı Login sonrasında Detay sayfasına yönlenmeli.

DETAY SAYFASI

• Header sol alanda varsa kullanıcının Adı ve Soyadı, yoksa E-posta adresi ya da Kullanıcı Adı bulunmalı.

• Header sağ alanda Çıkış butonu bulunmalı.

  • Butona tıklandığında Çıkış sayfasına yönlenmeli.

• Header orta alanda Arama bölümü olmalı

  • En az 3 karakter yazıldıktan sonra ülkeler listelenmeli. (İstenilen yöntem tercih edilebilir)
  • Arama sonucu listelenen ülkeler arasında bir seçim yapıldığında aşağıda belirtildiği gibi menü açılmalı.

• Orta kısımda bir dünya haritası olmalı. (İstenilen yöntem tercih edilebilir)

  • Her ülkenin sınırları çizilmiş olmalı.
  • Ülkelerin üzerine gelindiğinde ülkenin rengi değişmeli.
  • Ülke üzerine sağ tıklandığında menü açılmalı ve menüde aşağıdaki seçenekler olmalı:
    • "İhracat Yap" (Seçilen ülkenin rengini yeşil yapar)
    • "İthalat Yap" (Seçilen ülkenin rengini kırmızı yapar)
    • "Not Ekle" (Seçilen ülkeye not ekler)
    • "Bilgileri Sil" (Seçilen ülke ile ilgili tüm bilgileri siler)

• Haritanın altında kıtaların listesi yer almalı.

  • Her bir kıtaya tıklandığında kıtaya ait sayfaya yönlenmeli. (Ör: /kita/avrupa)

• Kıta listesinin altında, kullanıcının tüm ülkelere göre kaç ülkeye ihracat, kaç ülkeden ithalat yaptığının oranı yazılmalı.

KITA SAYFASI

• Kıtaya ait sayfada, o kıtaya bağlı ülkelere ait bilgiler (ihracat ve ithalat sayıları, not) ve o ülkelerin bayrakları yer almalı. Eğer ülkeye ait bilgi yoksa bilgilendirme metni eklenmeli.

ÇIKIŞ SAYFASI

• Kullanıcının çıkış yaptığına dair bilgilendirme metni ve Giriş sayfasına yönlendiren bir button eklenmeli.