tanviroy / forkify

Forkify - A Recipe Finding Web Application. This was the final project as part of a Udemy Course 🥣🍴

Forkify - A Recipe Finding Web app 🥣🍴

Date of completion: 23rd May 2020

https://tanviroy-forkify.netlify.app/

Description

This was the final project as part of a Udemy course - The Complete JavaScript Course 2020. Forkify is a recipe finding web application which uses data from the Forkify API. While it is a fairly basic web application, it can be used as a guide to cook one's favorite dish. Beyond accessing recipes from different sources online, it also provides information on the number and amount of ingredients needed to build a specific dish according to the number of people to serve. This project was my first real delve into JavaScript and Web Development.

Demo:

Installation

Run the following commands in your command line:

git clone https://github.com/tanviroy/forkify.git

npm install

npm run start

Features

• User can search over 1,000,000 recipes.
• Powered by the Forkify API.
• Displays the ingredients required to prepare a dish.
• Allows user to choose serving size and accordingly adjusts ingredients.
• Displays recipe images.
• Directs user to source site for detailed recipe procedure.
• Ingredients can be added/removed to/from the shopping list.

Screenshots

Enter your query in the Search Bar!

Choose from a variety of recipes to get a brief overview of the recipe!

Change serving size and Add the ingredients to your Shopping List!

Limitations

• There are only a limited number of queries that can be searched for - Possible searches
• The "Liked Recipes" feature has not been implemented yet.
• The overall functionality of this web app is basic and can be made more efficient to create a real world product.

Key Learnings

• Learning JS from scratch
• A glimpse into what Web Development looks like
• Working with Web Dev tools such as Webpack, Babel, etc.
• Being comfortable with the Windows Command Prompt and Node Package Manager.
• Learning how to debug patiently
• Making code readable and documentation

License

This project is licensed under the Creative Commons Zero v1.0 Universal License - see the LICENSE file for details.

Acknowledgments

I would like to thank Jonas Schmedtmann (@jonasschmedtmann) for his highly extensive, educational and practical JavaScript Course which taught me more JS than I could have imagined, all from scratch. Deeply enjoyed this course. I also would like to credit my really cool CS Professor Debayan Gupta (again) for being the reason behind my interest in CS. Lastly, I would like to thank my best friend "smol gurl" for being my biggest inspiration - this project is dedicated to you.