Recipe Search

Recipe Search is a culinary React-Native Mobile Application

A mobile application built on the React Native framework that aims to deliver a list of relevant recipe choices based on the list of options provided by the user. The application uses Spoonacular’s API service to provide the recipe data. Working on Android, iOS and avalable to try out on Expo!

How to complete this?

Choose a multi-platform mobile application framework that runs the same code on both mobile platforms (iOS & Android) and keeps a consistent UI and performance on both without spending more time and resources. Find a culinary REST API that provided recipe data up-to-date and was easy to access (and free!)

  • Map Spoonacular's REST API's requests

    Find a culinary API like Spoonacular that provides updated recipe and diet based data every day, learn how its billing and access works per request call, and examine the JSON response data per endpoint to determine if their data would be good enough to use for the application.

  • Study UX/UI For Mobile Apps

    Examine and study current recipe-based applications that provide similar features to the one in mind for Recipe Search, and indentify where it can be improved to incorporate into the design.

  • Build

    After getting familiar with React Native, begin developing its pages, components, and installing dependencies. Set up its routes, both public and restricted, set up its REST API calls to Spoonacular, and integrate its JSON data to the pages to display data such as recipe measurements, ingredients, and cooking time. Also provide hot recipes based on the endpoints responsible for providing this info. Because this was a serverless application, no in-house database was used or created for this application.

Features

  • 'Search by Ingredient' meaning fill in all the available ingredients in your kitchen or closest to you to generate the list of recipes that closely match your available ingredients.
  • 'Search by Label' meaning select the types of diet, meal course, max calories, and cuisine you would like to generate recipes based off of.
  • Able to bookmark or save your favorite recipes locally via cache to view them later via 'Bookmarks' Page without having to search them again.
  • Share the recipe you found via SMS, Social Media, or Email.
  • Generate a random recipe at the start of the application ('Home Page') to try out.
  • Grab all of the recipe data from a third party source API (Spoonacular).
  • View the recipe information such as its ingredients, instructions, details, health labels, calories and cooking times.

Information

  • Project Name:
    Recipe Search
  • Clients:
    Freelance
  • Budget:
    N/A
  • Duration:
    6 months
  • Date:
    Feb, 2020

2,0+

Clients

8

Projects Complete

3+

Years of Experience