Skip to content

Latest commit

 

History

History
79 lines (55 loc) · 3.22 KB

README.md

File metadata and controls

79 lines (55 loc) · 3.22 KB
Raw

Food Recipe Apps (Android)

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

React Native Redux Firebase

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:

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