Skip to content

I had created a web application that offers real-time meal search with instant suggestions which also has the ability to save favorite meals and detailed meal information, ensuring a seamless and personalized culinary exploration experience.

Notifications You must be signed in to change notification settings

Mansi523/MealApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

  • 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

LAND PAGE

LAND PAGE

FAVOURITE PAGE

FAVOURITE PAGE

DETAILS PAGE

DETAILS PAGE

FOOTER

mansif

DEMO

About

I had created a web application that offers real-time meal search with instant suggestions which also has the ability to save favorite meals and detailed meal information, ensuring a seamless and personalized culinary exploration experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published