Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nemanjarogic/receipe-finder
Web application for finding bunch of receipes implemented using HMTL5, CSS3, ES6, Webpack, npm, babel, etc. Search for over than a million recipes of any ingredients fetching data from Food2fork API.
https://github.com/nemanjarogic/receipe-finder
babel css es6 html webpack
Last synced: 1 day ago
JSON representation
Web application for finding bunch of receipes implemented using HMTL5, CSS3, ES6, Webpack, npm, babel, etc. Search for over than a million recipes of any ingredients fetching data from Food2fork API.
- Host: GitHub
- URL: https://github.com/nemanjarogic/receipe-finder
- Owner: nemanjarogic
- Created: 2019-07-23T20:43:16.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-01T09:35:31.000Z (almost 2 years ago)
- Last Synced: 2023-03-06T09:21:51.076Z (over 1 year ago)
- Topics: babel, css, es6, html, webpack
- Language: JavaScript
- Homepage:
- Size: 3.4 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Recipe Finder
Recipe Finder is web application for finding bunch of receipes implemented using HMTL5, CSS3, ES6, Webpack, npm, babel, etc.
Search for over than a million recipes of any ingredients fetching data from [Food2fork API](https://food2fork.com/about/api).
## Features
* Search recipes according to the user input
* Find cooking directions for any recipe
* Add and remove recipe from favorite recipes
* Add, remove and update recipe ingredients in shopping list
* Data persistence on page refresh for favourite receipes and shopping list
## How to run
__Make sure that Node.js and NPM are installed__
1) Install the dependencies using `npm install` or `npm i`
2) Register an account on the [Food2fork](https://food2fork.com/about/api) and put your API key in config.js
3) For development purposes run `npm run start`
4) Prepare for production using `npm run build`