Skip to content

A vanilla js app that allows you to search, save and create new recipes

Notifications You must be signed in to change notification settings

Fabiuzz98/foody-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

foody project

BUILT WITH:
This application has been made with JavaScript, HTML and SCSS following the MVC architecture and using the publisher-subscriber pattern.

TRY THIS APP HERE:
https://foody-fabio.netlify.app

DESCRIPTION OF THE APP:
The user can insert food names in the search bar and thanks to the Forkify API will get back all the related recipes. If the recipes are more than 10, a button will appear to move back and forth between the different pages to see all the recipes available. It's then possible to bookmark your favourite recipes to save them for the future. Another feature of this app is that you can also add your own recipes that will be then automatically bookmarked. You can decide to bookmark and unbookmark all the recipes you want and in this last case if you remove a recipe you created from the saved recipes, you will still be able to find it (thanks to the API key) by typing its name in the search bar. You will recognise your created recipes in the list even though you unbookmarked them thanks to an icon that will appear next to the recipe name.