Forkify is a recipe web app using the Forkify API to allow users to search, view, modify, bookmark and add recipes.
- Available search queries : Queries
User Stories | Latest features |
---|---|
Search for recipes |
|
Update the number of servings |
|
Bookmark recipes |
|
Create recipes |
|
Access to bookmarks and recipes when leaving the app and coming back later |
|
- HTML
- CSS
- SASS
- JavaScript
- Parcel
- Babel
- Forkify API
- Libraries
- fractional
This project require some prequesites and dependenscies to be installed, you can view it online using this demo. or you can find the instructions below
- Get a free API Key at Forkify API_KEY
- Clone the repo
git clone https://github.com/mersad-Bxtrue/forkify.git
- Go to project folder
cd forkify
- Install NPM packages
npm install
- Enter your API in
config.js
const KEY = 'ENTER YOUR API';
- Run start script
npm run start
forkify
│ .gitignore
│ .prettierrc
│ index.html
│ package-lock.json
│ package.json
│ README.md
│
└───src
├───img
│ demo.png
│ favicon.png
│ forkify-architecture-recipe-loading.png
│ forkify-flowchart.png
│ icons.svg
│ logo.png
│
├───js
│ │ config.js
│ │ controller.js
│ │ helpers.js
│ │ model.js
│ │
│ └───views
│ addRecipeView.js
│ bookmarksView.js
│ paginationView.js
│ previewView.js
│ recipeView.js
│ resultsView.js
│ searchView.js
│ View.js
│
└───sass
main.scss
_base.scss
_components.scss
_header.scss
_preview.scss
_recipe.scss
_searchResults.scss
_upload.scss
- I built the app with the help of Jonas Schmedtmann in the JavaScript course: JavaScript course
Distributed under the MIT License. See LICENSE
for more information.