Meal Finder App

Welcome to the Meal Finder App, a simple web application that helps you search for meals using a third-party API. You can view search results, add meals to your favorites, and view detailed information about each meal.

Table of Contents

• Technologies Used
• Features
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Contributing
• License

Technologies Used

• HTML: The structure of the web pages.
• CSS: Styling for a clean and intuitive user interface.
• JavaScript: Adds interactivity and handles API requests.
• Bootstrap: A front-end framework for responsive design.
• jQuery: Simplifies DOM manipulation and event handling.

Features

Home Page

• Search for Meals: Use the search bar to enter meal names and search the API.
• Real-time Suggestions: As you type, search suggestions update dynamically.
• Favorite Meals: Add meals to your "My favorite meals" list.
• Meal Details: Click on a search result to view detailed information on a dedicated meal page.

Meal Detail Page

• Meal Information: Provides detailed information about a selected meal.
• Name, Photo, Instructions: Essential details are displayed prominently.

My Favorite Meals Page

• Favorites List: View a list of all your favorite meals.
• Persistent Storage: Your favorite meals will be saved even if you close or refresh the browser.
• Remove from Favorites: Easily remove meals from your favorites list with the "Remove from favorites" button.

Getting Started

Prerequisites

Before you start, make sure you have the following:

• A web browser installed on your computer.
• An internet connection to fetch data from the API.

Installation

1. Clone this repository to your local machine:

   git clone https://github.com/Mansi523/MealApp.git
   

AUTHOR

Mansi Kumari

LANDING PAGE

FAVOURITE PAGE

DETAILS PAGE

FOOTER

DEMO

• https://mansi523.github.io/MealApp/