Modern ve kullanıcı dostu bir fitness ve spor salonu mobil uygulaması. React Native Expo ile geliştirilmiştir.
- Hoş Geldin & Giriş Sistemi: Kullanıcı kayıt ve giriş ekranları
- Ana Panel: Günlük plan, metrikler ve ipuçları
- Egzersiz Programları: Farklı hedeflere yönelik egzersiz programları
- Beslenme Takibi: Kalori takibi ve yemek planları
- Antrenör Sistemi: Antrenör profilleri ve rezervasyon
- Profil Yönetimi: Kullanıcı profili ve ayarlar
- Spor Salonu Özellikleri: Tesis haritası, QR check-in
- Welcome Screen
- Login Screen
- Sign Up Screen
- Goal Selection
- Experience Level
- Equipment Access
- Dietary Preferences
- Health Data Sync
- Home Dashboard
- Workout Programs
- Workout Calendar
- Workout History
- Workout Player
- Nutrition Diary
- Nutrition Foods
- Nutrition Meal Plans
- Trainers List
- Trainer Profile
- Trainer Booking
- Profile
- Settings
- Gym Facilities
- Gym Map
- Membership Management
- QR Check-In
- Progress Analytics
- React Native: Cross-platform mobil uygulama geliştirme
- Expo: React Native geliştirme ve dağıtım platformu
- React Navigation: Navigasyon yönetimi
- Expo Vector Icons: İkon kütüphanesi
- Expo Linear Gradient: Gradient efektleri
- React Native Safe Area Context: Güvenli alan yönetimi
- React Native Gesture Handler: Dokunma ve jest yönetimi
- Projeyi klonlayın veya indirin
- Bağımlılıkları yükleyin:
cd stepingFit
npm install- Uygulamayı başlatın:
npx expo startnpm run iosnpm run androidnpm run web- Telefonunuza Expo Go uygulamasını yükleyin
npx expo startkomutunu çalıştırın- QR kodu telefonunuzla tarayın
- Primary: Yeşil tonları (#22c55e)
- Secondary: Gri tonları
- Neutral: Koyu gri ve siyah tonları
- Success/Error/Warning: Durum renkleri
- Sistem fontları kullanılmaktadır
- Font boyutları: xs, sm, base, lg, xl, 2xl, 3xl, 4xl, 5xl
- Tutarlı boşluk sistemi: xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl
stepingFit/
├── App.js # Ana uygulama dosyası
├── src/
│ ├── screens/ # Tüm ekranlar
│ ├── components/ # Yeniden kullanılabilir componentler
│ ├── navigation/ # Navigasyon yapılandırması
│ ├── constants/ # Tema ve sabitler
│ └── utils/ # Yardımcı fonksiyonlar
├── assets/ # Görseller ve fontlar
└── package.json # Proje bağımlılıkları
src/screens/klasörüne yeni ekran dosyası oluşturunsrc/navigation/AppNavigator.jsdosyasına ekranı ekleyin- Gerekli navigasyon bağlantılarını yapın
Tüm stiller src/constants/theme.js dosyasındaki tema sistemini kullanır.
- Uygulama şu anda demo modunda çalışmaktadır
- Gerçek API bağlantıları henüz eklenmemiştir
- Bazı ekranlar placeholder olarak tasarlanmıştır
eas build --platform android
eas build --platform iosExpo EAS Build servisi ile production build'leri oluşturabilirsiniz.
Bu proje özel kullanım içindir.
StepingFit - Modern Fitness App
Not: Bu uygulama aktif geliştirme aşamasındadır. Tüm özellikler henüz tamamlanmamış olabilir.