İçeriğe geç
Mobil

Mood Tracker: Arayüz Yenileme

Flutter ile yazılmış bir ruh hâli takip uygulamasının arayüzünü yeniledim; kodu ve kullanıcı verisini koruyup ekranları Material Design'a taşıdım.

Mood Tracker: Arayüz Yenileme

Proje hakkında

Uygulamayı yeniden yazmadım, yeniledim. Kod tabanı ve kullanıcı verisi olduğu gibi kaldı; ekranları, tipografiyi, renkleri ve boşlukları tek bir düzene oturttum. Koyu temada bazı ekranlar okunmuyordu, onu da bu sırada düzelttim.

Öne çıkanlar

  • Yeni uygulama ikonu ve açılış ekranı
  • Ekranların Material Design'a taşınması
  • Koyu tema düzeltmeleri
  • Karşılama ekranları ve ana menünün yeniden tasarımı
  • Tutarlı tipografi, renk ve boşluklar
  • Firebase Auth ve Firestore güncellemesi
  • Performans iyileştirmeleri

Zorluklar

Zorluk, arayüzü baştan yenilerken kod tabanına ve kullanıcı verisine dokunmamaktı. Koyu temada okunmayan ekranlar da aynı işin içindeydi.

Ekran görüntüleri

  • Mood Tracker: Arayüz Yenileme ekran görüntüsü 1
  • Mood Tracker: Arayüz Yenileme ekran görüntüsü 2
  • Mood Tracker: Arayüz Yenileme ekran görüntüsü 3
  • Mood Tracker: Arayüz Yenileme ekran görüntüsü 4
  • Mood Tracker: Arayüz Yenileme ekran görüntüsü 5
  • Mood Tracker: Arayüz Yenileme ekran görüntüsü 6

Portfolyo

Diğer işler