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-uygulamasiNode.js kurulu değilse Node.js yükleyin ve ardından aşağıdaki komutu çalıştırın:
npm installEğer JSON Server sisteminizde kurulu değilse şu komutla yükleyin:
npm install -g json-serverProje 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:5000adresinde 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 startAndroid veya iOS cihazda uygulamayı test etmek için:
- Android:
npm run android
- iOS (MacOS gereklidir):
npm run ios