Hackbright Capstone - PantryPardner

Project Description

A React Native mobile app that allows users to input ingredients they have available in their pantry and then receive 10 recipe suggestions that optimize the use of those ingredients.

Tech Stack

• React - a JavaScript library for building user interfaces
• React Native - a collection of "special" React components
• Expo Go - open-source client for testing React Native apps on Android and iOS devices
• React Navigation - library that enables the implementation of navigation functionality in a React Native App
• Axios - HTTP client for making API calls
• Spoonacular API - open source recipe database

Screens/Features

Screen 1 - Home

• The landing page of the app that displays a welcome message and a button that navigates the user to the Search Screen.

Screen 2 - Search

• The search screen features a search bar and submit button.
• The user inputs a list of ingredients, separated by commas, and then submits their search.
• This screen also features a random food joke generator, in case the user is needing a good laugh.

Screen 3 - Search Results

• After submitting the ingredients, the app uses the Spoonacular API to search for recipes and then displays a scrollable list of 10 recipes that can be made with those ingredients.

Screen 4 - Recipe

• The user selects a recipe from the search results page and then this screen displays the recipe details including: Image, Title, Serving Size, Estimated Time, Ingredients, and Preparation Steps.

Screenshots