Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/uhpoler/forkify
A web application for finding and saving your favorite recipes
https://github.com/uhpoler/forkify
babel html5 javascript parcel sass
Last synced: 4 days ago
JSON representation
A web application for finding and saving your favorite recipes
- Host: GitHub
- URL: https://github.com/uhpoler/forkify
- Owner: uhpoler
- Created: 2024-07-10T17:18:36.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-07-23T20:45:40.000Z (7 months ago)
- Last Synced: 2024-12-07T14:06:07.617Z (2 months ago)
- Topics: babel, html5, javascript, parcel, sass
- Language: JavaScript
- Homepage: https://forkify-uhpoler.netlify.app/
- Size: 2.11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Forkify
This is a web application for finding and saving your favorite recipes.
## About
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.
## Features
- 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.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/uhpoler/Forkify.git
```
2. Navigate to the project directory:
```bash
cd Forkify
```
3. Install the dependencies:
```bash
npm install
```
4. Start the application:
```bash
npm start
```
5. Open your web browser and visit http://localhost:1234 to access the application.
## Usage
1. On the homepage, enter a keyword or ingredient in the search bar and click the search button.
2. Browse through the search results to find a recipe that interests you.
3. Click on a recipe to view its details, including ingredients and instructions.
4. To save a recipe, click the "Save Recipe" button. You can access saved recipes from the "Favorites" section.
5. To create a shopping list based on a recipe, click the "Add to Shopping List" button.
6. Manage your shopping list by adding or removing items as needed.
7. Enjoy exploring and organizing your favorite recipes!
## Technologies Used
- HTML5
- SASS
- JavaScript
- Parcel | Module bundler
- Babel
## Contributing
Contributions are welcome! If you would like to contribute to Forkify Recipe App, please follow these steps:
1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your modifications and commit your changes.
4. Push your branch to your forked repository.
5. Submit a pull request with a detailed description of your changes.
6. Please ensure that your code adheres to the project's coding conventions and includes necessary tests.
## Acknowledgements
- The Recipe API - [recipe-api.com](https://forkify-api.herokuapp.com/v2)
- The Spoonacular API - [spoonacular.com](https://spoonacular.com/food-api)
- [Font Awesome](https://fontawesome.com) - Icons and fonts