FreshMart – Modern Market E-Ticaret Teması (React JS + Tailwind CSS)

FreshMart, React JS ile geliştirilmiş, güzel tasarlanmış ve tamamen işlevsel bir market e-ticaret temasıdır. Taze, organik bir estetiği güçlü e-ticaret özellikleriyle birleştirerek çevrimiçi marketinizi rekor sürede açmanıza yardımcı olur.

Tailwind CSS ve Framer Motion ile geliştirilen tema, akıcı animasyonlar, tamamen duyarlı bir düzen ve tüm cihazlarda olağanüstü bir kullanıcı deneyimi sunar.

Başlıca Özellikler

• Eksiksiz E-Ticaret Akışı
• Ürün listeleme, alışveriş sepeti, ödeme, sipariş özeti ve sipariş geçmişi sayfaları – müşterilerinizin ihtiyaç duyduğu her şey.
• Kimlik Doğrulama Sistemi
• Giriş yap, Kayıt ol ve Şifremi Unuttum sekmeleri, sorunsuz sekme geçişi, form doğrulama, şifre gücü göstergesi ve sosyal giriş yer tutucuları (Google, Facebook, Apple) ile birlikte sunulmaktadır.
• Alışveriş Sepeti ve Ödeme
• Ürün ekleme/çıkarma, miktar güncelleme, teslimat ücreti uygulama, ücretsiz teslimat ilerleme çubuğu ve ödeme yöntemi seçimi (kartla/kapıda nakit ödeme) içeren güvenli bir ödeme formu.
• Kullanıcı Hesabı Alanı
• Siparişlerim sayfası, sipariş filtreleme (işlemde, gönderildi, teslim edildi, iptal edildi), genişletilebilir sipariş detayları ve yeniden sipariş seçeneği sunmaktadır.
• İçerik Sayfaları
• Blog – Kategoriler, etiketler, arama, trend gönderiler ve bülten aboneliği içeren ızgara düzeni.
• Tek Blog Yazısı – Tam makale, yazar biyografisi, ilgili yazılar, yorumlar, beğenme/yer imi ekleme/paylaşma butonları.
• Sıkça Sorulan Sorular – Arama ve kategori filtreleri içeren akordiyon düzeni.
• Yasal Sayfalar – Şartlar ve Koşullar, Gizlilik Politikası, Kargo Politikası, İade ve Geri Ödeme – hepsi sabit kenar çubuğu navigasyonuyla güzelce biçimlendirilmiş.
• Pazarlama Bölümleri
• Teklifler Bölümü – Geri sayım sayaçları, indirim rozetleri ve harekete geçirici mesajlar içeren animasyonlu fırsat kartları.
• Haber Bülteni Bölümü – Yükleme ve başarı durumlarıyla birlikte e-posta yakalama.
• Performans ve Geliştirici Deneyimi
• React 18+ ve React Router v6 ile geliştirilmiştir.
• Tailwind CSS, öncelikli olarak işlevselliğe odaklanan bir stil aracıdır; renkleri, yazı tiplerini ve boşlukları kolayca özelleştirebilirsiniz.
• Sayfa geçişlerini ve mikro etkileşimleri son derece akıcı hale getiren Framer Motion.
• TypeScript ile tamamen tiplendirilmiştir (isteğe bağlı, kaldırılabilir).
• Modüler bileşen mimarisi – Gezinme çubuğu, alt bilgi, ürün kartları vb. öğelerin yeniden kullanımı.
• Temiz, iyi yorumlanmış kod.
• Duyarlı ve Erişilebilir
• Mobil cihazlara öncelik veren tasarım, telefonlarda, tabletlerde ve masaüstü bilgisayarlarda mükemmel çalışır.
• Erişilebilirlik için anlamsal HTML, odak durumları ve ARIA etiketleri.