İçeriğe geç

Sözlük Uygulaması ve Eski Projeler

Sözlük Uygulaması ve Eski Projeler

ReactNext.jsFree Dictionary API CSSTypeScript

Bu, Free Dictionary API ile geliştirdiğim eski projelerimden biri olan bir sözlük uygulaması. Frontend Mentor'daki bir challenge kapsamında hazırladığım bu projede API'leri etkili şekilde kullanmayı ve responsive arayüz tasarlamayı öğrendim.

Sözlük Uygulaması, Frontend Mentor'daki bir challenge kapsamında geliştirdiğim bir proje. Amaç, Free Dictionary API ile bir web uygulaması oluşturmak ve verilen Figma tasarımına olabildiğince yakın bir arayüz ortaya çıkarmaktı. Uygulama, kullanıcılara dinamik ve etkileşimli bir deneyim sunan çeşitli özelliklere sahip.

Öne Çıkan Özellikler 🌟

  • Kelime Arama: Kullanıcılar arama alanına bir kelime yazdığında, uygulama Free Dictionary API'den gelen sonucu gösteriyor.
  • Sesli Telaffuz: Ses dosyası mevcut olduğunda kelimenin telaffuzu dinlenebiliyor; bu da öğrenme deneyimini güçlendiriyor.
  • Yazı Tipi Seçimi: Kullanıcılar serif, sans serif ve monospace yazı tipleri arasında geçiş yaparak arayüzü kendilerine göre ayarlayabiliyor.
  • Tema Değiştirme: Açık ve koyu tema destekleniyor; tema, kullanıcının sistem tercihine göre otomatik olarak da belirlenebiliyor.
  • Responsive Tasarım: Arayüz, cihazın ekran boyutuna göre en uygun düzende görüntüleniyor ve hem mobilde hem masaüstünde rahatça kullanılabiliyor.

Kullanılan Teknolojiler 🛠️

  • React: Kullanıcı arayüzleri geliştirmek için bir JavaScript kütüphanesi.
  • Free Dictionary API: Kelime tanımları, telaffuzlar ve diğer bilgiler için veri kaynağı.

Bağlantılar

Diğer Projeler

Bunun gibi çok sayıda proje geliştirdim. Bunların birçoğu eski projeler ve her zaman en iyi pratiklere uymuyor; bu yüzden her biri için ayrı bir sayfa oluşturmadım. Yine de gelişimimi takip etmek ya da ilham almak isterseniz aşağıdaki bağlantıdan hepsine ulaşabilirsiniz. Çoğunu, her birinin demo bağlantısıyla birlikte bir tablo halinde sundum.

Görüntülenme sayısı: