"Alışveriş hiç bu kadar kolay ve sade olmamıştı!" React ve Next.js’in gücünü, MongoDB’nin esnekliğiyle birleştiren bu proje; kullanıcı dostu arayüzü, dinamik işlevleri ve test modunda çalışan ödeme sistemiyle sade ama etkili bir alışveriş deneyimi sunar.
Manav Market, modern frontend teknolojileri kullanılarak geliştirilmiş bir e-commerce web uygulamasıdır. Kullanıcılar ürünleri keşfedebilir, detaylarına ulaşabilir, sepet işlemlerini yönetebilir ve test ortamında ödeme adımlarını deneyimleyebilirler.
| Teknoloji | Açıklama |
|---|---|
| ⚛️ Next.js | React tabanlı, sunucu taraflı rendering desteği sunan framework |
| 🧠 React | Arayüz bileşenleri oluşturmak için |
| 🌐 React DOM | React uygulamasını tarayıcıya bağlar |
| 🍃 Mongoose | MongoDB ile etkileşim için ODM kütüphanesi |
| 💳 Stripe | Güvenli ödeme işlemleri için |
| 🔔 React Toastify | Geribildirim ve bildirim mesajları için |
| 🎨 React Icons | Şık ve kullanışlı ikon kütüphanesi |
🏷️ Ana sayfada kategori bazlı ürün listeleme
🛍️ Doğrudan sepete ürün ekleme
🔍 Ürün detaylarında:
🔹Stok bilgisi dahil tüm detaylar
🔹Sepete ekle / Hemen satın al seçenekleri
🧺 Sepetim sayfasında:
🔹Ürünleri görüntüleme
🔹Adet artırma / azaltma
🔹rün silme / sepeti boşaltma
🔹Ödeme adımına yönlendirme
💸 Test ödeme entegrasyonu (Stripe ile)
🔹Gerçek para çekilmez
🔹Test kartıyla başarılı işlem
🔹Geçersiz bilgiyle işlem reddi
🔹Test modunda aşağıdaki bilgilerle ödeme adımlarını sorunsuz test edebilirsiniz:
🔹Kart Numarası: 4242 4242 4242 4242
🔹Tarih: Geçerli herhangi bir gelecek tarih
🔹CVV: 3 haneli herhangi bir sayı
🔹E-posta: Herhangi bir geçerli e-posta
👨💻 Yeni başlayan yazılımcılar (Next.js ve ödeme sistemlerine ilgi duyanlar)
🧑🏫 Eğitim kurumları ve mentörler (demo projeler için)
🛠️ Kendi küçük ölçekli market uygulamasını kurmak isteyen girişimciler
💼 İşverenler ve frontend geliştirici arayan firmalar
🔹 SSR ve CSR farklarıyla birlikte Next.js mimarisi
🔹 Stripe entegrasyonu ile test modunda ödeme işlemi kurma
🔹 MongoDB ve Mongoose ile veri modelleme ve yönetim
🔹 Sepet yönetimi, ürün detay işlemleri gibi temel e-commerce fonksiyonları
🔹 React component yapısı, Toastify ile kullanıcı geri bildirimi
🔹 Proje yapısı, kod düzeni ve mantıksal bileşen ilişkileri
🛡️ Kullanıcı girişi ve yetkilendirme (NextAuth / Firebase)
📦 Admin paneli ile ürün ekleme / güncelleme
📊 Satış verisi analizi ve grafiklerle raporlama
🧾 Gerçek ödeme sistemine geçiş
🌍 Çoklu dil desteği (i18n)
📱 Mobil uyumlu, responsive tasarım iyileştirmeleri
Projemi geliştirmek veya öneride bulunmak isterseniz, PR’lara açığım. İletişim: akgundogduesr@gmail.com
📸 Projenin kullanıcı ve admin panelinden ekran görüntüsü eklenmiştir.
groceryproject.mp4
🧺 Manav Market – Kodla tasarladım, ihtiyaçları anlayarak işlevsel hale getirdim. 🔹E-ticaretin temellerini modern web ile birleştiren sade ama güçlü bir deneyim.