Chef's Choice

📜 Description:

Developed a React app to search for various Recipes from many categories. Displays the Ingredients through Pop-up to increase user engagement within the website just to get the preliminary details. Also has implemented a feature to show detailed step-by-step procedures on how to cook the particular Dish. Also made the website completely responsive. Used edamam's 3rd party API and Axios for easier API Integration.

📽 Sample Demo:

Chef.s.Choice.Demo.Made.with.Clipchamp.mp4

🌎 Deployed Website:

https://chefschoice.netlify.app/

🏗 Built With:

• React.js.
• Axios.
• Edamam.

🚀 API Used:

https://api.edamam.com/search?q=${searchString}&app_id=${APP_ID}&app_key=${APP_KEY}

📝 Notes Taken:

https://drive.google.com/file/d/1xKoteWw1E77lQG2xSna7PFfNhjJoOmay/view?usp=sharing

🧪 Steps to Build locally:

• To clone Locally:

git clone https://github.com/Akash-Ramjyothi/Chef-s-Choice.git

• To install the required dependencies:

npm install

• To run the app in the development mode:

npm start

💥 How to Contribute?

• Take a look at the Existing Issues or create your own Issues!
• Wait for the Issue to be assigned to you after which you can start working on it.
• Fork the Repo and create a Branch for any Issue that you are working upon.
• Create a Pull Request which will be promptly reviewed and suggestions would be added to improve it.
• Add Screenshots to help me know what this Code is all about.

👦 Developed By:

Akash Ramjyothi

               ☎️ PH:+91 8939928002.

🌐 References Used:

• https://www.youtube.com/watch?v=z13CWiSkOFU
• https://www.youtube.com/watch?v=9JnF1nyTWg4
• https://www.youtube.com/watch?v=3kFSr-u6Uls
• https://www.youtube.com/watch?v=0wg0pP-jZhM