Proje Amacı: Bu proje, React alanındaki yetkinliğimi geliştirmek amacıyla yapılmış ufak bir projedir. Ana özellikler arasında beğenilere ürün ekleme, sepete ürün ekleme ve sepetin toplam tutarını hesaplama bulunmaktadır. Ayrıca, beğenilerden ve sepetten ürün çıkarabilme özellikleri de mevcuttur.
- Beğenilere ürün ekleme
- Sepete ürün ekleme
- Sepet toplam tutarını hesaplama
- Beğenilerden ürün çıkarma
- Sepetten ürün çıkarma
- React - JSX tabanlı yazılım yapısı
- React + TypeScript - Tip güvenli geliştirme ortamı
- SCSS - Styling (stil) için
- Bootstrap - Responsive tasarım ve çeşitli UI bileşenleri için kullanıldı
- Axios - API ile ürün verisi çekmek için
- npm - Paket yönetimi için kullanıldı
- Git - Versiyon kontrolü için kullanıldı
- GitHub - Proje barındırma ve versiyon kontrolü için kullanıldı
Projeyi yerel ortamınızda çalıştırmak için şu adımları takip edebilirsiniz:
npm installProjeyi geliştirmek ve önizlemek için şu komutu yazabilirsiniz:
npm run devProjeyi prodüksiyona almak ve dağıtıma hazır hale getirmek için şu komutu kullanabilirsiniz:
npm run buildProjeyi bilgisayarınıza klonlamak için şu komutları kullanabilirsiniz:
git clone https://github.com/omercikan/react-shopping-cart.gitBu proje açık kaynaklıdır ve isteyen herkes katkı sağlayabilir. Eğer projeye yeni özellikler eklemek, hata düzeltmeleri yapmak veya iyileştirmeler önermek istiyorsanız, projeyi çatallayarak (fork) pull request açabilirsiniz!
Zamanla projeye daha fazla özellik eklemeyi planlıyorum. Geliştirme süreci devam ettikçe yeni özellikler eklenecektir!
Projenin canlı versiyonuna şu linkten ulaşabilirsiniz: https://shopping-cartaapp.netlify.app/
Aşağıda projenin çeşitli sayfalarına ait görselleri bulabilirsiniz:
