Recipe application with custom recipe uploads.
You can view the project live here: Forkify
The application provides the user with:
- Search for any recipe found in the API, where it will throw out all possible recipes for that dish
- If there are more than ten recipes, the recipes will be dynamically transferred to each subsequent page, until there are less than ten on that page
- Click on the desired recipe to view its ingredients
- Calculates the desired number of portions that the user chooses
- If the user likes the recipe, he will be able to save it, where the recipe will be saved in the storage, he will be able to see it every time he visits the application
- There is a possibility to upload a recipe, where the user will have to enter all the necessary ingredients
- HTML
- SASS
- JS (API, OOP, AJAX)
To start the project, it is necessary to download the files from the github, after that you must install npm and script in console.
npm install
npm start
You can see the documentation for the api here, where you can find all the recipes you can search: Forkify API v2 Documentation
I made the application with the help of Jonas Schmedtmann in the JavaScript course: JavaScript course
-
This function calls the recipes entered by the user
export const loadSearchResults = async function (query) {...}; -
This function calls a recipe by its ID
export const loadRecipe = async function (id) {...}; -
Through this function, we transfer the new recipe entered by the user to the server. It checks whether the data entered by the user is correct, if so, it uploads the data to the server
export const uploadRecipe = async function (newRecipe){...}; -
Every contact with the server takes place through this function, whether you submitted the recipe on the server or requested its access from the server
export const AJAX = async function (url, uploadData = undefined){...};
MIT License
Copyright (c) [2022] [Dušan Mađar]
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.