A mobile shopping application created using React Native and Expo CLI. The deployed version can be found here.

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

This application requires that you have Node version 12.0 or higher installed on your machine.

• Node.js

You can install Expo CLI globally using the command:

npm i -g expo-cli

You can create the app using the command:

expo init <app name>

Select the "blank" template under Managed workflow and hit Enter.

or you can also use run the following npm command:

npm install

To push the application to github, follow the instructions here or use the commands:

git init

git remote add origin repository_URL

The repository_URL is the link you would use to clone down your github repository.

To run the app locally, use:

npm start

Sign up for the free (developer) Edamam Recipe Search API and click on the 'Applications' tab (next to Dashboard) and click on the 'View' button next to Recipe Search API to view the API key.

Then click on 'API Developer Portal'. Under 'Documentation', select 'Recipe Search API'. Under 'Example Get Request', there is an example link that can be used as the basis for the recipe search get request.

To run the application on your local server, use:

yarn start

To deploy the application to github pages, you can follow the instructions here or use:

npm install gh-pages --save-dev

In the package.json file, add the following code to the first object:

"homepage": "http://github_username.github.io/repo_name"

Be sure to replace github_username with your github username and repo_name with the name of your repository.

Then inside the package.json file, add the following two scripts to the "scripts" object:

"predeploy": "npm run build",



"deploy" : "gh-pages -d build",

After those lines are saved and pushed to master, run:

npm run deploy

Once the application is deployed, navigate to your github repository Settings > Github Pages and change the Source to gh-pages.

This app was creating using React Native Tutorial for Beginners - Build a React native App [2020] from the Youtube channel Programing with Mosh as a base.

• Christina Truong

• • Github
• • LinkedIn