Skip to content

Cal-it is a recipe search website where users can search for recipes based on mealtype, diet, main ingredient and cooking time.

License

Notifications You must be signed in to change notification settings

marycpriyanka/recipe-recommendation

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cal-It

badge

Description

Cal-it is a recipe search website where users can search for recipes based on mealtype, diet, main ingredient and cooking time. It finds recipes based on user entered criteria and displays them. Using Cal-it, a user will be able to find any recipe based on their specific needs or preparation time in a fast and convenient manner. Everyone can find a recipe that fits their schedule. Additionally the website displays a random quote or advice every 10 seconds to cheer you up!

Table of Contents

Installation

This program can be run through a browser using the link to the deployed application. Alternatively, to run this application locally you will need to:

  • Clone this repository to receive all of the files.
  • Open the index.html file in your default browser.

Features

  • When the user enters the criteria and clicks on 'Search Recipe', all recipes matching the criteria will be displayed as cards containing the recipe name and its image.
  • The user can view the recipe by clicking on either the recipe name or image.
  • The user can add a recipe to favorites. It will be saved to local storage and can be viewed as saved recipes by clicking on 'Show saved recipes' button.
  • The user can view the recipe page of a saved recipe by clicking on the saved recipe name.
  • Once a recipe is saved, user has option to remove it from favorites. It will then be removed from favorite list.
  • An advice or quote is displayed. The quote changes and a new one gets displayed every 10 seconds.
  • The web page is mobile responsive too.

screenshot1

screenshot2

screenshot3

screenshot4

Technologies used

HTML, CSS, bootstrap, JavaScript, Ajax, Responsive design

APIs used

License

Cal It is available under the MIT License.

Future development

Displaying the nutrient information of a recipe.

Deployed link

https://marycpriyanka.github.io/recipe-recommendation/

How to Contribute

Contributions and ideas are welcome. Before submitting an issue, please take a moment to look over the contributing guidelines in https://www.contributor-covenant.org/ . Before submitting pull requests, ensure the following:

Fork the repo and create your branch from develop. Test your code.

Questions

https://github.com/marycpriyanka

For any addditional questions, reach me at marycpriyanka@gmail.com.

About

Cal-it is a recipe search website where users can search for recipes based on mealtype, diet, main ingredient and cooking time.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 66.1%
  • HTML 29.6%
  • CSS 4.3%