Recipes Search App

👉 👉 Live Demo

Table of contentss

• General info
• Technologies
• Feedback
• Set up
• Features

---

General info

This project is my personal project created during Covid time in order to help friends and family members look up for recipes based on their available ingredients.
🥩 🥕 🍗 🍰 🥞 🍚 🍲 🥑 🥖 🍞 🥚 🍆 🍉 🍤 🍛

Features

• Get awesome recipes that maximizes the ingredients you have
• Get auto suggestion for your recipe tittle search
• Conveniently plan your weekly or daily meals based on daily calories goal and diet types
• Save your favorite recipes to look back later

Todo:

• Easily use up all the ingredients you have at home
• Save your favorite recipes to share with friends and family members
• Save your time with weekly meal plan

Technologies

Project is create with:

• React verson 16.13.1
• React-bootstrap verson 1.4.0
• React-router-dom verson 5.2.0
• React-top-loading-bar version 5.2.1

Feedback

Feel free to send me feedback to my email [email protected] or connect to me on Linkedin Vien Klett

Setup

The project fetches recipes from Spoonacular API

Sign up for Spoonacular to obtain your own api key Spoonacular.com

Clone the project in local directory:

$ git clone https://github.com/vchau254/search_recipe.git

Install the project locally using npm

$ cd search_recipe
$ npm install

To start the project

will open http://localhost:3000 to view it in the browser.

$ npm start

Running test

$ npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

Build the project

$ npm run build