Food Recipe Apps (Android)

Mobile based application for Food Recipe built with React Native, Redux Toolkit, Redux Persist, and Firebase Realtime Database.

Food Recipe Apps is an android apps that contains various recipes uploaded by users. In the recipe there is a description of the ingredients needed and cooking steps in the form of a video.

• Search for Recipes
• Screen for Add New Recipes
• Detail Recipes and Video Detail Recipes
• Screen for Authentication and Authorization

Tech

Food Recipe Apps uses a number of open source projects to work properly:

• React Native - mobile framework
• Redux - state management
• Firebase Realtime Database - realtime database

And of course Food Recipe Apps itself is open source with a public repository on GitHub.

Release APK
Backend repository

Note: Make sure you have completed the React Native - Environment Setup instructions till "Creating a new application" step, before proceeding.

Installation

Food Recipe Apps able to run on your local, download this repo and open it using visual studio code, install your favorite emulator or use real android device, and run the terminal like below.

Step 1: Start the Metro Server

First, you will need to start Metro, the JavaScript bundler that ships with React Native.

To start Metro, run the following command from the root of your React Native project:

cd food-recipe-apps

# using npm
npm start

Step 2: Start your Application

Let Metro Bundler run in its own terminal. Open a new terminal from the root of your React Native project. Run the following command to start your Android or iOS app:

# type a to run on android
a

Congratulations! 🎉

You've successfully run Food Recipe Apps. 🥳

Screenshot

1. Home Screen
   
2. Login Screen
   
3. Register Screen
   
4. Profile Screen
   
5. Popular Recipe Screen
   
6. Search Result Screen
   
7. Detail Recipe Screen
   
8. Add Recipe Screen
   
9. Chat Screen