Meal Planner Application

This Meal Planner application allows users to search for recipes by title or ingredient, view detailed meal information, and create a weekly meal plan with an accompanying shopping list. The application leverages the MealDB API for fetching recipe data and provides a user-friendly interface with Bootstrap and custom CSS for styling.

Features

• Search Functionality: Users can search for recipes by title or ingredient using the MealDB API.
• Recipe Display: Display detailed information about each recipe, including images, ingredients, and instructions.
• Weekly Planner: A dynamic weekly meal planner allows users to organize their meals for each day of the week.
• Shopping List: Automatically generate a shopping list based on the ingredients of the planned meals.
• Interactive Elements: JavaScript is used for dynamic content updates, event handling, and ensuring seamless user interaction.
• Responsive Design: Ensures usability across various devices, from desktops to mobile phones.

Technologies Used

• HTML/CSS: Structure and styling of the application.
• JavaScript: Interactive functionalities including API calls, DOM manipulation, and event handling.
• Bootstrap: Responsive design and UI components.
• MealDB API: Fetching recipe data.