Skip to content

steping1/Steping-Fit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

StepingFit - Fitness & Gym Mobile App

Modern ve kullanıcı dostu bir fitness ve spor salonu mobil uygulaması. React Native Expo ile geliştirilmiştir.

🚀 Özellikler

  • 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

📱 Ekranlar

Onboarding

  • Welcome Screen
  • Login Screen
  • Sign Up Screen
  • Goal Selection
  • Experience Level
  • Equipment Access
  • Dietary Preferences
  • Health Data Sync

Ana Ekranlar

  • 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

🛠️ Teknolojiler

  • 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

📦 Kurulum

  1. Projeyi klonlayın veya indirin
  2. Bağımlılıkları yükleyin:
cd stepingFit
npm install
  1. Uygulamayı başlatın:
npx expo start

📱 Çalıştırma

iOS Simulator (Mac)

npm run ios

Android Emulator

npm run android

Web Tarayıcı

npm run web

Expo Go App

  1. Telefonunuza Expo Go uygulamasını yükleyin
  2. npx expo start komutunu çalıştırın
  3. QR kodu telefonunuzla tarayın

🎨 Tasarım Sistemi

Renkler

  • Primary: Yeşil tonları (#22c55e)
  • Secondary: Gri tonları
  • Neutral: Koyu gri ve siyah tonları
  • Success/Error/Warning: Durum renkleri

Tipografi

  • Sistem fontları kullanılmaktadır
  • Font boyutları: xs, sm, base, lg, xl, 2xl, 3xl, 4xl, 5xl

Spacing

  • Tutarlı boşluk sistemi: xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl

📂 Proje Yapısı

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ı

🔧 Geliştirme

Yeni Ekran Ekleme

  1. src/screens/ klasörüne yeni ekran dosyası oluşturun
  2. src/navigation/AppNavigator.js dosyasına ekranı ekleyin
  3. Gerekli navigasyon bağlantılarını yapın

Stil Düzenleme

Tüm stiller src/constants/theme.js dosyasındaki tema sistemini kullanır.

📝 Notlar

  • 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

🚀 Dağıtım

Expo EAS Build

eas build --platform android
eas build --platform ios

APK/IPA Oluşturma

Expo EAS Build servisi ile production build'leri oluşturabilirsiniz.

📄 Lisans

Bu proje özel kullanım içindir.

👨‍💻 Geliştirici

StepingFit - Modern Fitness App


Not: Bu uygulama aktif geliştirme aşamasındadır. Tüm özellikler henüz tamamlanmamış olabilir.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors