E Commerce App

Next.js ile oluşturulmuş bir e-ticaret uygulamasıdır.

Yükleme

Gerekli paketlerin yüklenmesi

  npm install 

Projeyi başlatılması

  npm run dev

Uygulama, varsayılan olarak http://localhost:3000 adresinde çalışacaktır.

Json server'ın başlatılması

  npm run json-server

JSON Server, http://localhost:3001 adresinde çalışacaktır ve sahte verilerle API isteklerini karşılayacaktır.

Proje Yapısı

Sayfa Bileşenleri

Proje, sayfa bileşenleri için pages/ klasörü içerir. Her sayfa, uygulamanın belirli bir bölümünü temsil eder.

Componentler

Genel kullanım için olan componentler components/ klasörü içinde yer alır. Bu bileşenler, sayfalar arasında paylaşılabilir ve yeniden kullanılabilir olmalıdır. Örneğin, Navbar,Card, Footer gibi genel bileşenler burada yer alabilir.

Redux State Yönetimi

Redux Toolkit kullanılarak global state yönetimi sağlanır. Sepet içeriği, kullanıcı bilgileri gibi veriler bu global stateler üzerinden yönetilir.

Formik ve Yup Kullanımı

Formik ve Yup, form işlemleri ve validasyonları için kullanılır. Kullanıcı girişleri, güvenli bir şekilde yönetilir ve doğrulanır.

API İstekleri

Axios kullanılarak API istekleri gerçekleştirilir. API istekleri, api/ klasörü altında düzenlenir.

Kullanım Senaryoları

Ürünleri İnceleme

Uygulamada yer alan ürünleri inceleyebilir ve detaylarına ulaşabilirsiniz.

Sepet İşlemleri

Ürünleri sepete ekleyebilir, sepet içeriğini görüntüleyebilir, sepetten ürün silebilir ve toplam tutarı görebilirsiniz.

Ürün Ekleme ve Düzenleme

Yönetici olarak, yeni ürün ekleyebilir ve bu ürünü uygulamaya dahil edebilirsiniz.Var olan ürüne güncelleme yapabilirsiniz.

Kullanılan Teknolojiler

• Next.js - React tabanlı web uygulamaları için bir framework.
• Redux Toolkit - State yönetimi için önerilen bir Redux kütüphanesi.
• Formik - Form işlemleri için kullanılan bir React kütüphanesi.
• Yup - Şema tabanlı form validasyonu için kullanılan bir kütüphane.
• Axios - HTTP istekleri yapmak için kullanılan bir kütüphane.
• JSON Server - Sahte verilerle çalışmak için kullanılan bir JSON tabanlı REST API sunucusu.