React ve Redux Toolkit ile E-Ticaret Arayüzü Geliştirme

Kısa Açıklama

Bu projede React ve Redux Toolkit ile ürün listeleme, detay, arama, favori ve sepet akışları olan bir e-ticaret arayüzü geliştirdim.

Problem

Temel mağaza deneyimini tek bir frontend içinde toplamak gerekiyordu. Ürünleri listeleme, kategoriye göre filtreleme, detay görme ve sepet durumunu kalıcı tutma ihtiyacını bu yapıda çözdüm.

Çözüm

Uygulamayı Create React App ve React Router ile sayfalara ayırdım. Veri tarafında Fake Store API kullanıp ürün, kategori ve detay verilerini Redux Toolkit içindeki async thunk yapılarıyla yönettim. Sepet ve favori durumunu slice yapılarıyla kurdum, sepet verisini localStorage içinde saklayarak sayfa yenilense de korunmasını sağladım.

Sonuç

Ortaya temel e-ticaret akışlarını net gösteren, küçük ama düzenli bir React uygulaması çıktı. Listeleme, arama, kategori, detay ve sepet yönetimini aynı projede bir araya getirdim.

Teknolojiler

React, JavaScript, Redux Toolkit, React Redux, React Router DOM, Bootstrap, Reactstrap, React Slick, React Paginate, Axios, Tailwind CSS, Fake Store API, localStorage

Kurulum