This is a web application for finding and saving your favorite recipes.
Forkify Recipe App is a powerful and user-friendly web application that allows users to search for recipes from various sources, save their favorite recipes, and create personalized shopping lists. It simplifies the process of finding and organizing recipes, making it convenient for users to plan their meals and manage their ingredients.
- Search and browse an extensive collection of recipes.
- View detailed recipe information, including ingredients, instructions, and serving sizes.
- Save favorite recipes for quick access.
- Create and manage custom shopping lists based on selected recipes.
- Interactive and intuitive user interface.
- Mobile-friendly design for a seamless experience on different devices.
-
Clone the repository:
git clone https://github.com/uhpoler/Forkify.git
-
Navigate to the project directory:
cd Forkify
-
Install the dependencies:
npm install
-
Start the application:
npm start
-
Open your web browser and visit http://localhost:1234 to access the application.
-
On the homepage, enter a keyword or ingredient in the search bar and click the search button.
-
Browse through the search results to find a recipe that interests you.
-
Click on a recipe to view its details, including ingredients and instructions.
-
To save a recipe, click the "Save Recipe" button. You can access saved recipes from the "Favorites" section.
-
To create a shopping list based on a recipe, click the "Add to Shopping List" button.
-
Manage your shopping list by adding or removing items as needed.
-
Enjoy exploring and organizing your favorite recipes!
- HTML5
- SASS
- JavaScript
- Parcel | Module bundler
- Babel
Contributions are welcome! If you would like to contribute to Forkify Recipe App, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your modifications and commit your changes.
- Push your branch to your forked repository.
- Submit a pull request with a detailed description of your changes.
- Please ensure that your code adheres to the project's coding conventions and includes necessary tests.
- The Recipe API - recipe-api.com
- The Spoonacular API - spoonacular.com
- Font Awesome - Icons and fonts