Login Registration - Copy this React, Tailwind Component to your project
1. Giriş (Login) ve Kayıt (Register) Sayfaları Giriş Sayfası: Kullanıcılar e posta/şifre ile giriş yapabilmeli ya da sosyal medya hesaplarıyla bağlanabilmeli. Bu sayfa sade ve kullanıcı dostu olmalı. Kayıt Sayfası: Yeni kullanıcılar için kayıt ekranı. İsim, e posta, şifre gibi temel bilgiler istenmeli. Ayrıca kullanıcılara şartlar ve koşulların kabul edildiği bir kutu olmalı. 2. Ana Sayfa Soru Yükleme Butonu: Ana sayfanın merkezinde, kullanıcıların soru resimlerini çekip yükleyebileceği büyük bir buton (örn. kamera ikonu) olmalı. Bu, kullanıcıların odak noktası olacağı için kolay erişilebilir olmalı. Kullanım Hakkı Gösterimi: Kullanıcıların kalan ücretsiz kullanım hakları (örn. 5'ten 2 kaldı gibi) ya da abone olup olmadıkları net bir şekilde gösterilmeli. Öneriler ve Popüler Sorular: AI tarafından daha önce çözülen popüler sorular veya konu önerileri gösterilebilir. Kullanıcılar merak ettikleri başka soruları inceleyebilirler. Abonelik Bilgileri: Ana sayfada kullanıcıların abone olmasını teşvik edecek bir bilgi ya da buton bulunabilir (örn. "Sınırsız erişim için abone olun"). 3. Soru Çözümü Sayfası Kullanıcı bir soru yükledikten sonra AI’ın verdiği cevabın ve adım adım çözümün gösterildiği sayfa. Çözüm ekranında, metin ve grafik destekli açıklamalar net olmalı. Ayrıca, soruyla ilgili ek kaynak önerileri veya öğrenme ipuçları eklenebilir. 4. Geçmiş Sorular Sayfası Kullanıcıların daha önce sordukları soruları ve çözümlerini görebilecekleri bir sayfa. Bu sayfa, bir tarih filtresi veya konuya göre filtreleme seçenekleri sunabilir. Her soru tıklanarak yeniden çözümleri görüntülenebilir. Bu sayede öğrenciler önceki sorularını kolayca inceleyebilir. Bir arama çubuğu ile kullanıcının daha önce sordukları soruları hızla bulabilmesi sağlanabilir. 5. Profil Sayfası Kullanıcılar profil bilgilerini düzenleyebilir, abonelik durumlarını ve kullanım haklarını görebilir. Abonelik Detayları: Kullanıcının abonelik süresi, ne kadar süre kaldığı gibi detaylar gösterilebilir. Çıkış Butonu: Profil sayfasında hesap ayarları ve çıkış yapma seçeneği de bulunmalı. 6. Abonelik Sayfası Kullanıcılar abonelik seçeneklerini görebilir, ödeme yapabilir ve abone olabilir. Bu sayfa basit ve net olmalı. Fiyat bilgileri ve abonelik avantajları (örn. sınırsız kullanım) burada yer almalı. UI Tasarım Önerileri: Renkler: Minimal, kullanıcı dostu ve sade renkler (beyaz, açık gri ve belirgin bir ana renk) tercih edilebilir. Navigasyon: Sayfanın altında yer alacak bir sabit menü (tab bar) ile "Ana Sayfa", "Geçmiş Sorular", "Profil" ve "Abonelik" gibi temel sayfalar arasında kolayca geçiş yapılabilmeli. İkonlar: Kamera, soru, profil gibi görsel ikonlar ile kullanıcı deneyimi zenginleştirilmeli. Bildirimler: Kullanıcıları uygulama içi aktiviteleri (örn. çözüm hazır olduğunda) hakkında bilgilendirecek sade bildirimler eklenebilir.
