React-Native-RecipeApp
Patika.dev Project assignment I developed to reinforce what I learned in React Native trainings.
Features
- React navigation used
- Switch between pages
- Data was pulled from https://www.themealdb.com/api.php with axios
- On the category page, the food information of the clicked category is brought.
- Page loading and error animations added with using lottie package
- Clicking the button on the detail page, opens the youtube link of the meal.
Özellikler
- React navigation kullanıldı
- Sayfalar arası geçiş yapıldı
- Axios ile https://fakestoreapi.com/ den veri çekildi
- Kategori sayfasında tıklanan kategoriye ait yemekler getirilir
- Sayfa yükleniyor ve error animasyonları eklendi lottie paketini kullanarak
- Detay sayfasındaki butona tıklandığında yemeğe ait youtube linki açılıyor.
Images
Installation
Clone this repository on your local machine.
git clone https://github.com/kubrasambur/React-Native-RecipeApp.git
Usage
To use it after cloning the project:
cd React-Native-RecipeApp
cd .
Run the following commands in the project folder to install the project dependencies.
npm init
npm install
These instructions will get a copy of the project up and running on your local machine for development and testing purposes.
To Run the Application
In the project directory you can run:
npx react-native run-android
For More Information
You can review the React Native documentation.