Forkify is a web application that allows you to search for recipes, view ingredients, adjust servings, and bookmark your favorite dishes. You can also create and upload your own recipes and share them with other users. Forkify uses data from the Forkify API, a free and open-source recipe database.
To run this project locally, follow these steps:
-
Clone this repository:
git clone https://github.com/your-username/forkify.git cd forkify -
Install the required packages:
npm install -
Start the development server:
npm start -
Open http://localhost:8080 in your browser and enjoy!
This project was built using the following technologies:
-
JavaScript: The main programming language for the front-end logic.
-
Parcel: A web application bundler that helps with code splitting, hot module replacement, and asset management.
-
Babel: A JavaScript compiler that allows you to use the latest features of the language and transpile them to older versions for browser compatibility.
-
ES6 modules: A standard for organizing and importing JavaScript code into reusable modules.
-
async/await: A syntax for writing asynchronous code in a more readable and concise way.
-
Forkify API: A free and open-source recipe database that provides data for the project.
Here are some of the main features of Forkify and how to use them:
-
Search for recipes: You can enter any keyword in the search bar and click the search button to find recipes that match your query. You can also use the pagination buttons to navigate through the results.
-
View ingredients: You can click on any recipe card to see the detailed information about the recipe, such as the ingredients, the cooking time, the servings, and the source link. You can also adjust the servings by clicking the plus or minus buttons and see the ingredients update accordingly.
-
Bookmark recipes: You can bookmark any recipe by clicking the bookmark icon on the recipe card or on the recipe details. You can also view your bookmarked recipes by clicking the bookmark icon on the header. You can remove any bookmark by clicking the bookmark icon again.
-
Create and upload recipes: You can create and upload your own recipes by clicking the add recipe button on the header. You will see a form where you can enter the recipe title, source URL, image URL, cooking time, servings, and ingredients. You can also add or remove ingredients by clicking the plus or minus buttons. Once you fill in all the required fields, you can click the upload button to submit your recipe. You will see a success message and your recipe will be added to the list.
![Create and upload recipes]
If you want to contribute to this project, you are very welcome. Here are some steps you can follow:
-
Fork this repository and clone it to your local machine.
-
Create a new branch with a descriptive name.
-
Make your changes and commit them with a clear message.
-
Push your branch to your forked repository and create a pull request.
-
Wait for your pull request to be reviewed and merged.
You can also report any issues or suggest any features by creating an issue on the [GitHub issues page].
This project was created by Jonas Schmedtmann and developed by Richard Younes after finishing the "The Complete JavaScript Course 2024: From Zero to Expert!" on Udemy. You can contact me at [email protected].