Skip to content

Prasadchaskar/RecipeApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Food Recipe App πŸ”πŸ•πŸ₯—

This is a simple web application that allows users to search for food recipes and view recipe details. The app fetches data from TheMealDB API and is built using HTML, CSS, and JavaScript.

Features 🌟

  • Recipe Search: πŸ” Users can search for recipes by name or keyword.

  • Recipe Details: πŸ“œ Clicking on a recipe will display detailed information including ingredients and instructions.

Deployment πŸš€

You can access the deployed version of the Food Recipe App on Netlify. Click the link below to start exploring and cooking delicious recipes: Open Website

Getting Started πŸš€

To get a copy of the project up and running on your local machine, follow these steps:

  1. Clone the repository:

    https://github.com/Prasadchaskar/RecipeApp.git
    
  2. Open the project directory in your preferred code editor.

  3. Open the index.html file in your web browser or set up a local development server.

  4. Start using the food recipe app to search for and view recipes.

How to use πŸ“–

  1. Search for recipe:
    • Use the search bar to enter a recipe name or keyword.
    • Click the "Search" button to find matching recipes.
  2. View Recipe Details:
    • Click on a recipe card to open the recipe details popup.
    • The popup will display the recipe's ingredients and instructions.

Thank you for using the Food Recipe App! Enjoy discovering and cooking delicious recipes. Bon appétit! 🍽️

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published