Getir Clone

Getir mobil uygulamasının arayüzünü ve temel alışveriş akışını örnek alan, React Native ve Expo ile geliştirilmiş bir market uygulaması. iOS, Android ve web'de çalışır.

Ekran Görüntüleri

Ana Sayfa	Kategori	Ürün Detayı

Sepet	Boş Sepet

Özellikler

• Kampanya banner'ları ve kategori listesi
• Kategori ve alt kategori filtreleme
• Ürün detayı ve görsel galerisi
• Sepete ekleme, adet artırma/azaltma, sepeti temizleme
• İndirimli fiyat ve sepet toplamı
• getir://cartScreen/:message deep link desteği
• Ekranların ihtiyaç anında yüklenmesi (lazy loading)

Teknolojiler

• Expo (SDK 54) ve React Native 0.81
• React 19
• NativeWind ile Tailwind CSS
• Redux Toolkit ve React Redux
• React Navigation (Native Stack, Bottom Tabs)
• Expo Image
• React Native Web

Kurulum

git clone https://github.com/<kullanici-adi>/getir-clone.git
cd getir-clone
npm install

Çalıştırma

npm start          # Expo geliştirme sunucusu
npm run ios        # iOS simülatörü
npm run android    # Android emülatörü
npm run web        # Tarayıcı
npm run build:web  # Web için production build (dist/)

Telefonda denemek için Expo Go uygulamasıyla terminaldeki QR kodu okutmanız yeterli.

Proje Yapısı

src/
├── app/                 # Uygulama girişi, store ve navigasyon
├── features/
│   ├── home/            # Ana sayfa, banner, kategori listesi
│   ├── catalog/         # Kategori ve alt kategori filtreleri
│   ├── products/        # Ürün kartı ve ürün detayı
│   └── cart/            # Sepet state'i ve sepet ekranı
└── shared/              # Ortak bileşenler, renk paleti, yardımcılar
public/assets/images/    # Uygulamada kullanılan görseller