We built a recipe app that allows the user to select a diet type (e.g., vegetarian, Kosher, gluten-free, etc.) and optionally specify a list of ingredients. The app will then use an API call to one/more recipe services to pull back recipes conforming to the specified parameters--that is, diet type and ingredients. The results will be displayed in an aesthetically pleasing manner using a carousel. When the user selects a particular recipe from the carousel, the recipe will load full-page and, at the bottom, display a form field that will allow the user to input the number of people to serve. The app will then calculate the ingredient portions accordingly. Finally, the app will use local storage so the user can persist one/more favorite recipes.
The primary goal for this product is to make cooking easier and more efficient by provinding diet specific and allergin complient recipies. Our target audience comprises of amateur chefs, busy professionals, working moms, etc. hence the 45m alloted cook time and adjustable serving sizes.
- Spoonacular
- Youtube Data
- Lodash
- Materialize
- Math.js
- Node query-string
- Sass
- Webpack
// provide API keys in config/keys.js
const SPOONACULAR_API_KEY = 'spoonacular rapidapi key',
YOUTUBE_API_KEY = 'google api key for youtube data api v3';
export { SPOONACULAR_API_KEY, YOUTUBE_API_KEY };# install deps and toolchain
npm install
# build frontend
npm run buildChristopher Zenner, Yuko Uda, Brittany-Renee Davis