E- Ticaret Sitesi

Bu proje, modern bir e-ticaret web sitesi örneğidir. Kullanıcıların ürünleri görüntülemesine, sepete eklemesine ve alışveriş yapmasına olanak tanır. Proje, front-end teknolojileri kullanılarak geliştirilmiştir ve Netlify üzerinde barındırılmaktadır.

• Ürün Listeleme: Kullanıcılar, çeşitli kategorilerdeki ürünleri görüntüleyebilir.
• Sepet İşlemleri: Kullanıcılar, ürünleri sepete ekleyebilir, sepeti görüntüleyebilir ve düzenleyebilir.
• Kullanıcı Dostu Arayüz: Temiz ve modern bir tasarım ile kullanıcıların kolayca gezinmesi sağlanmıştır.
• Responsive Tasarım: Web sitesi, mobil ve tablet cihazlarda da sorunsuz çalışacak şekilde tasarlanmıştır.
• User İşlemleri: Firebase entegrasyonu ile kullanıcılar Google hesabıyla kayıt olup giriş ve çıkış işlemleri yapabilir.

Kullanılan Teknolojiler

• React: Kullanıcı arayüzü oluşturmak için kullanılan ön yüz JavaScript kütüphanesi.
• CSS: Web uygulamasının stilini oluşturmak için kullanılır.
• Tailwind: Web uygulamasının stilini oluşturmak için kullanılır.
• Netlify: Uygulamanın dağıtımı için kullanılan hosting platformu.
• React Router: Uygulama içinde farklı sayfalar arasında gezinmeyi sağlayan bir kütüphane. Sayfa yönlendirmeleri için kullanılır.
• Axios: API isteklerini kolayca yönetmek için kullanılan bir kütüphane. Ticaret projelerinde sıkça API'den veri çekmek ve sunmak için kullanılır.
• MUI (Material-UI): Kullanıcı arayüzü oluşturmayı hızlandıran, React ile uyumlu bir komponent kütüphanesidir.
• Firebase: Kimlik Doğrulama (Authentication): Kullanıcıların uygulamaya kolayca giriş yapmasını sağlayan bir kimlik doğrulama sistemi sunar. E-posta, Google, Facebook, Twitter gibi çeşitli sağlayıcılar üzerinden giriş yapma imkanı verir.
• Yup JavaScript ve TypeScript projelerinde kullanılan bir doğrulama (validation) kütüphanesidir.
• Formik React uygulamalarında form yönetimini kolaylaştırmak için kullanılan popüler bir kütüphanedir.
• React-SlideShow React ile oluşturulmuş, kaydırma, solma ve yakınlaştırma efektlerini destekleyen basit bir slayt gösterisi bileşenidir.

Başlangıç

Bu projeyi yerel ortamınızda çalıştırmak için aşağıdaki adımları takip edebilirsiniz.

Gereksinimler

Aşağıdaki araçların yüklü olduğundan emin olun:

• Node.js: İndir
• npm: Node.js ile birlikte gelir, yüklü olup olmadığını kontrol etmek için npm -v komutunu kullanabilirsiniz.

Kurulum

1. Projeyi klonlayın:

   git clone https://github.com/ZeynelBasaran/Commerce

2. Proje dizinine gidin:

   cd Commerce

3. Gerekli bağımlılıkları yükleyin:

   npm install

4. Geliştirme sunucusunu başlatın:

   npm run dev

Uygulama, http://localhost:3000 adresinde çalışmaya başlayacaktır.

Dağıtım

Bu proje Netlify üzerinde dağıtılmıştır. Canlı sürümü buradan görüntüleyebilirsiniz.

Katkıda Bulunma

Projeye katkıda bulunmak isterseniz, lütfen depoyu forklayın ve bir pull request gönderin. Her türlü iyileştirme veya yeni özellik katkıları memnuniyetle karşılanır!