Bu proje, React Native kullanılarak geliştirilmiş bir blog uygulamasıdır. Kullanıcılar, blog yazıları oluşturabilir, düzenleyebilir ve silebilir. Proje, state yönetimi, API ile veri alışverişi ve backend bağlantısı gibi temel konuları kapsar.
- Expo: Hızlı ve kolay geliştirilmesi için kullanılan bir framework
- Context API ve useReducer: State yönetimi
- Ngrok: Lokal sunucuyu internet üzerinden yayınlama
- JSON Server: Basit bir RESTful API simülasyonu
- Axios: HTTP isteklerini yönetme
Projeyi çalıştırmak için aşağıdaki adımları takip edebilirsiniz:
git clone https://github.com/kullaniciadi/blog-uygulamasi.git
cd blog-uygulamasi
Node.js kurulu değilse Node.js yükleyin ve ardından aşağıdaki komutu çalıştırın:
npm install
Eğer JSON Server sisteminizde kurulu değilse şu komutla yükleyin:
npm install -g json-server
Proje dizininde aşağıdaki komutu çalıştırarak db.json
dosyasını backend olarak kullanabilirsiniz:
json-server --watch db.json --port 5000
- Bu komut,
http://localhost:5000
adresinde bir API sunucusu başlatır.
Ngrok kullanarak JSON Server'ı internet üzerinden erişilebilir hale getirmek için şu adımları izleyin:
-
Ngrok'u yükleyin:
Ngrok adresinden uygulamayı indirip kurun. -
JSON Server portunu yayınlayın:
ngrok http 5000
-
Ngrok tarafından oluşturulan URL'yi (örneğin:
https://abcd1234.ngrok.io
) not alın ve bu URL'yi projenizdeki backend bağlantısı için kullanın (örneğin,axios
çağrılarında).
React Native uygulamanızı çalıştırmak için aşağıdaki komutu kullanabilirsiniz:
npm start
Android veya iOS cihazda uygulamayı test etmek için:
- Android:
npm run android
- iOS (MacOS gereklidir):
npm run ios