odev-3-1.mp4
- Ulke listesi icin REST Countries API kullanildi.
- Ulke listesi ve istatistikleri iceren 2 adet tab bulunuyor.
- Ulke listesi secili oldugunda ulke bilgilerini iceren kartlar goruntulenebilir, bulunduklari bolgelere gore veya isim ile filtrelenebilir durumda.
- Ulke istatistiklerini iceren tab.
- Netlify uzerinde yayinlanmis demo linkine ustten ulasilabilir.
- Repoyu clonelayin.
yarn install
komutunu calistirin.yarn start
komutunu calistirin .
- Lütfen bu uygulamanızı React kullanarak yapın.
- Bu uygulamada Create-React-App kullanarak bir başlangıç yapın.
-
Açılış sayfasında [Ülke Listesi, Istatistikler] adında iki buton olmalı. Ulke listesi ise açılışta seçili olarak gelmeli. (Tab gibi düşünebilirsiniz.)
-
Ülke listesi seçili olduğu zaman ekranda API'dan dönen ülkelerin [Isim, Bayrak, Baskent, Dil] bilgilerinin yer aldığı bir kart olacak.
-
Istatistikler seçili olduğu zaman ise ekranda bu ülkelerde en çok konuşulan 10 dil aşağıdaki formatta yer alacak.
1) Dil Adı - Konusulan ulke sayisi ... 10) Dil Adı - Konusulan ulke sayisi Orn: 1) English - 91 2) French - 45
-
Olsa iyi olur: Uygulamanızi bir link üzerinden yayınlamayı deneyin (deploy). Yayınlayabilirseniz readme dosyanıza live preview olarak o linki ekleyin. Kullanabileceğiniz örnek servisler: Vercel, Netlify (Başka yöntem kullanmakta özgürsünüz)