/week3-homework-kodluyoruz

Primary LanguageJavaScript

Lets do your previous homework together.

Ülke Listesi / Istatistikleri Uygulaması

  • Lütfen bu uygulamanızı React kullanarak yapın.
  • Bu uygulamada Create-React-App kullanarak bir başlangıç yapın.

Uygulama detayı

  • 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)

API Link

https://restcountries.eu/rest/v2/all

-- BEST PRACTICES https://www.thinkful.com/learn/javascript-best-practices-1/Comment-as-Much-as-Needed-but-Not-More - DRY - Conditional Rendering -> MAP -> IF/ELSe -> Inline -> One line