Skip to content

ntban15/RN-food-list

Repository files navigation

RNFoodList

This is my first complete React Native app. It allows user to search for recipes and see details of each recipe in its source website.

This app is developed thanks to the React Native course hosted by Stephen Grider on Udemy. The course can be found here.

Demo

FoodList Demo

Screenshots

Features

  • Using any keyword to search for recipes
  • Displaying recipe list as a horizontal reel that can be scrolled and contains items which can be selected.
  • An overview of each recipe that changes in accordance with the selected recipe in the reel.

Applied Techniques

  • Using Redux to manage application state.
  • Creating custom Components such as circle RecipeThumbnail and Card to display recipe overview.
  • Communicating with API with the help of Axios.
  • Using built-in React Native animations.

Libraries and APIs

Install and build

  • Clone the repository
  • Connect an Android device
  • Open a command line editor in the project folder and execute the command
react-native run-android

Acknowledgements

  • Stephen Grider and his superb course.