Skip to content
RecipeApp built on react native with a included json-server backend.
Branch: master
Clone or download
Pull request Compare This branch is 2 commits ahead of develop.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
client
server
.gitattributes
.gitignore
README.md
appShowcase.gif
template.png

README.md

React native RecipeApp with mockAPI backend (Axios/Redux/React-Navigation/MockApi) Built in the span of 2-3 weeks as my first RN app.

GIF of the React Native App

Mock api example output

  ...
  {
    "id": 241,
    "title": "voluptatem dolorem rerum",
    "author": "reiciendis nobis ex",
    "authorImage": "https://s3.amazonaws.com/uifaces/faces/twitter/djsherman/128.jpg",
    "readyInMinutes": 24,
    "servings": 7,
    "nutrition": {
      "protein": 352,
      "fat": 325,
      "carbs": 660
    },
    "image": "http://lorempixel.com/640/480/food?rnd=10",
    "imageUrls": [
      "http://lorempixel.com/640/480/food?rnd=10"
    ],
    "categories": [
      "Sides",
      "Duck",
      "Dinner",
      "Pork"
    ],
    "ingredients": [
      {
        "amount": 6,
        "unit": "ounces",
        "unitShort": "oz",
        "name": "voluptas"
        "image": http://lorempixel.com/640/480/food?rnd=10
      }
      ...
    ],
    "text": "Excepturi assumend ut non assumenda velit dsantium tempore.  Et non nesciunt error animi at. Vel molestiae dolorem. Error molestiae aliquam laboriosam aut cumque recusandae quia ut tenetur."
  },
  ...

▶️ How to Setup/Run the Server

Step 1: cd to the ./server folder

Step 2: Install the Application with npm install

Step 3: Start the server with npm start

▶️ How to Setup/Run the Client

Step 1: cd to the ./client folder

Step 2: Install the Application with npm install

Step 3: Rename .env.example to .env and define the url for the server

Step 4: Install the client app on an android device using react-native run-android

You can’t perform that action at this time.