BHAT’S KITCHEN
Your Kitchen Companion: Discover, Cook, Enjoy!
WHY CHOOSE OF BHAT’S KITCHEN RECIPE
BOOK APP
Wide Range Of Recipes :
1. Recipe Categories : Provide a variety of cuisines, category options, and meal types (e.g., breakfast,
● Interactive Features
lunch, dinner, snacks, desserts).
● Step-by-step Instructions
2. Ingredient Filters : Let users filter recipes based on available ingredients, category , or prep time.
3. Customizable Difficulty Levels : Allow users to choose between different difficulty levels (easy,
intermediate, advanced) for recipes, ensuring that both beginners and experienced cooks can find
recipes that match their skills and confidence in the kitchen.
Interactive Features :
● Meal planner : Let users plan meals for the week and generate a shopping list based on
their choices.
● Community Sharing : Enable users to subscribe to our channel to receive updated recipes
via email
● Cooking mode : Allow users to mark completed steps, adjustment timers, and make
substitutions while cooking.
● Smart Suggestions : Use algorithms to suggest new recipes or modifications based on
that what the users likes or their cooking habits.
TECHNOLOGIES :
1. HTML5 & CSS3 :
Used for structuring the web pages and styling them , ensuring a modern , semantic and
responsive design.
2. JAVASCRIPT :
Powers the dynamic behaviour of the app , handling user interactions and data manipulation.
3. VITE :
A build tool that provides a fast and optimized development experience, ensuring quick reloads and
efficient bundling.
4. REACT.JS :
The core Javascript library for building user interface enabling component- based
development and state management.
6. TAILWIND CSS :
A utility-first CSS framework that simplifies styling, allowing you to rapidly create custom designs without
writing custom CSS.
7. REACT - ROUTER DOM :
It manages navigation within the app , enabling smooth routing between pages like the home , recipe
details, and contact.
8. REACT - ICONS :
Provides a collection of customizable icons to enhance the UI, making it more visually engaging and user -
friendly.
9. TYPEWRITER - EFFECT :
Adds a typing animation effect to text for engaging and dynamic UI elements.
9. FETCH :
Used to fetch data from the MEAL DB API retrieving meal information, images, and details dynamically
based on user search or preferences.
10. THE MEAL DB API :
Provides a vast collection of recipes , ingredients, measurements, video, category , cuisines , and meal data
to be integrated into the app for recipes searches, meal recommendations and display.
TECHNIQUES :
ADD RECIPES :
The Add Recipe functionality allows users to contribute their own recipes to the app. This features provides
an easy and intuitive way for users to share their favourite meals with the community . Users can add various
details about the recipe, such as,
● Name of the recipe: The title of the dish
● Ingredients : A list of all ingredients required for the recipe.
● Instructions : A step-by-step guide on how to prepare the meal.
● Measurements: It allows users to accurately determine quantities of ingredients required for a recipe,.
● Recipe Image : user can upload an image of the dish to make the recipe visually appealing.
Once submitted, the recipe will be stored in the app’s local storage and made available for other
users to view , try out. This feature encourages a community-driven approach to cooking, where users
can share their culinary creativity while discovering new and exciting recipes
SEARCH RECIPES :
The Search Recipe functionality allows users to find the recipes quickly and efficiently based on their
preferences. This features includes :
● Search Bar : Users can enter keywords , ingredients, or dish names to locate recipes.
● Filters: Options to refine search results based on meal type, preparation time, or dietary preferences.
● Real-Time Suggestions: As users type, the app provides auto- suggestion to enhance the search
experience.
● Search Results: Displays a list of matching recipes with thumbnails, name, and a brief summary.
This features ensures users can discover recipes that match their needs, whether they are searching for a
specific for a specific dish or browsing for new ideas, It’s designed to be intuitive and time-saving.
VIEW RECIPES :
The View Recipe functionality enables users to explore and learn more about recipes in detail. This features
provides a user-friendly layout that displays all the essential information about a selected recipe, including :
● Name of the recipe: The title of the dish at the top
● Ingredients : A clear and detailed list of all the required ingredients.
● Instructions : A step-by-step cooking directions to help users recreate the dish.
● Measurements: It allows users to accurately determine quantities of ingredients required for a recipe,.
● Recipe Image : A visually appealing image of the dish.
Users can navigate easily between recipes and find inspiration for their next meal.
RESULT: https://www.loom.com/share/ff366ea1937b4be29e0360ba94ae46
b0?sid=274c1844-338b-4461-85fc-5778ac8790c8
