Code

CookBook - React Native Recipe App

CookBook - React Native Recipe App

Cookbook is ready to use applications, where you can display your recipes. We implemented almost everything for you. This is a complete solution for you, as it implements both logic and views. In application, you will find many screens: Recipe Screen, Categories Screen, Favourite Screen, Sign-in Screen, SignUp Screen, Details Screen and Converter Screen.

In the Recipe Screen, you will find all recipes from your database and searcher that will let you filter recipes based on their title.

In the Category Screen, you will find recipes divided into categories. The categories and recipes will be based on your own creative mind, as they are also based on your data. That is not all. As there is auth flow implemented in the application, you also will have SignUp and Sign-in Screens that are fully functional once connected with Firebase. The Favourite Screen makes it possible for Signed users to see their favourite recipes. Once you click on any recipe, you will see it’s Details Screen, where the user can find more information on how to make the dish. Lastly, in the application there is a converter, that lets user convert both amount of ingredient based on their baking pan or unit they want to use.

In the application there are messaging and add modules. With use of messaging, all users of your application will know about new recipes in the app. The add module let you earn money from app use.

This application is based on Cloud Firestore, so all you will need to do is create your database, add account and add your data. Cookbook is a React Native Application. This means that you can create both Android and iOS apps from our code.

Features

  • Build with React Native
  • Ready to use application
  • Modern design
  • New ways to post your recipes
  • Implemented AdMob
  • Built-in converters
  • Built-in search tool for recipes
  • Sign-in users can flag their favourite recipes

Setup

The setup for application is easy and fast. All you need to do is create new Firebase project with mobile app and new AdMob App. Then, by following the instructions provided by Google, you can easily connect our source code with your newly created accounts. If you need any help, or you occur any issue regarding our app, don’t hesitate to reach us. Email Us

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey