Welcome to Forkify - a small project designed to explore recipe search, bookmarking, and user recipe functionalities. This project interacts with a REST API that contains a diverse collection of recipes. You can access the live demo of Forkify here.
-
Search Functionality:
- Use the input field to send requests to the API with searched keywords.
- Display search results with pagination for better navigation.
-
Recipe Details:
- View detailed information for each recipe, including cooking time, servings, and ingredients.
-
Change Servings:
- Dynamically update all ingredients based on the current number of servings.
-
Bookmarking Functionality:
- Maintain a list of bookmarked recipes for quick reference.
- User-uploaded recipes are automatically bookmarked.
-
User Uploaded Recipes:
- Users can upload their own recipes.
- Users can only view and manage their own recipes, ensuring privacy.
-
Local Storage:
- Store bookmark data locally in the browser using local storage.
- On page load, retrieve saved bookmarks from local storage and display them.
To run Forkify on your machine, follow these steps:
-
Clone the repository to your local machine.
git clone https://github.com/peternadykamal/forkify
-
Navigate to the project directory.
cd forkify -
Install the required packages.
npm install
-
Start the application.
npm start
Now you should be able to access Forkify on your local machine by navigating to http://localhost:1234 in your web browser.
Feel free to explore, search for recipes, bookmark your favorites, and even upload your own recipes!
Forkify communicates with a REST API to fetch recipe data. The API is hosted at https://forkify-api.herokuapp.com/v2. Check the API documentation for more details.
If you have any feedback, suggestions, or would like to contribute to Forkify, please open an issue or submit a pull request on the GitHub repository.