Skip to content

The Dish Delight is a web application that is built using react, vite and themealdb api. It allows users to search for recipes by name or ID.

Notifications You must be signed in to change notification settings

Raj4478/Dish_Delight

Repository files navigation

Recipe Finder App

Overview

The Recipe Finder App is a web application that allows users to search for recipes by name or ID. It fetches recipe details from The Meal Database API and displays information such as ingredients, instructions, and a video tutorial (if available) for each recipe.

Features

  • Search for recipes by name or ID.
  • View detailed information about a specific recipe.
  • Watch video tutorials for selected recipes.

Technologies Used

  • React: JavaScript library for building user interfaces.
  • React Router: Library for handling navigation in a React application.
  • React Player: React component for playing YouTube videos.
  • The Meal Database API: Provides recipe data for the app.

Project Synopsis

Background

Most often, we get into a situation when we want to cook something delicious, however, we are short on ingredients at our home. It also creates a lot of confusion about what to cook with the available ingredients. Further, we might not have accessibility to more ingredients from the nearby market due to various reasons like non-availability or specifically the unprecedented times as Covid which has resulted in shutdowns. Finally, we are bound at home to make the best possible dish from leftover ingredients. Our project aims to make a user aware of the various dishes which can be cooked from the available set of ingredients being input by a user.

WhatsApp Image 2024-05-06 at 22 41 27_e4a31521

Motivation

This project is a great platform for people to learn and expand their knowledge in the field of cooking. Moreover, it will help in exploring and spreading the taste of one region worldwide. It will also bring innovation to the art of cooking. Our motivation is not only restricted to these merits but also includes more information about nutrition for respective recipes. Nutrition and health being the most important aspects of one's life are also one of the most neglected areas. This project will also ensure that a user is aware of his/her food intake value and thus plan to explore and make healthier meals.

  • This is the homepage that shows different food catogories and we can also search a particular dish.

Screenshot 2024-05-07 174227

  • These are the recipes of a particular category(Vegetarian in this case).

Screenshot 2024-05-07 174706

*This page shows the ingredient,recipe and youtube video of the selected recipe.

Screenshot 2024-05-07 174727

About

The Dish Delight is a web application that is built using react, vite and themealdb api. It allows users to search for recipes by name or ID.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published