Forkify is a recipe search application that allows users to search for recipes, view detailed instructions, and bookmark their favorite dishes. The app fetches data from the Forkify API and is built using modern JavaScript and Webpack.
- Search for recipes by ingredient or dish name
- View recipe details including ingredients, cooking time, and servings
- Adjust servings dynamically to update ingredient quantities
- Bookmark favorite recipes to easily access later
- Add your own recipes through a user-friendly interface
- Responsive design for a smooth experience on all devices
- JavaScript (ES6+)
- HTML5 & CSS3
- Webpack (module bundling)
- Forkify API
- Local Storage (for bookmarks)
- Responsive design
-
Clone the repository:
git clone https://github.com/liascope/forkifyliascope.git cd forkifyliascope -
Install dependencies:
npm install
-
Run the application:
npm start
- Search for recipes using the search bar.
- Click on a recipe from the results to view details.
- Adjust the number of servings as needed.
- Bookmark your favorite recipes to view them later.
- Add ingredients to shop list.
- Add new recipes.
- Delete recipes you added.
- Sort recipes from A-Z.