Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

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.

NotificationsYou 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

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

[8]ページ先頭

©2009-2025 Movatter.jp