Welcome to Meals Around the World. Meals Around the World is a single-page JavaScript web application that uses TheMealDB to fetch meal recipes from its API. TheMealDB API is an open database focusing on recipes from around the world. This web app is intended for people to access the list of meals from different countries. The users can click on a meal to see the list of meals that displays the name of the meal, its image, what category it is, where it came from, how to make it, its measurements, and more. Furthermore, the web app allows users to type on a search tab to search for a specific meal list. There is a form for a user to input to add a meal with information that is added to the list of meals.

• Hanna Negash
• Isaac Song
• Isaac Wilhite

mkdir FOLDERNAME

git clone [email protected]:isaacsong1/Meals-Around-the-World.git

json-server --watch db.json

Mac:

open index.html

Windows:

explorer.exe index.html

• Meal name, category, and country of origin
• Picture of the dish
• Ingredient and measurement list
• Instructions on how to prepare the dish

• View selected meal on the main page by clicking on meal name

• Enter the name of the dish in the search bar then press 'enter'
• Navigation bar on the left should be updated with names including search parameter
• Click on meal name in navigation bar to display information on the main page

• Click on 'Open to Add Meal' button
• Enter new meal's information per instructions below
  • Meal's Name (Ex: Chicken Nuggets)
  • Category (Ex: Chicken)
  • Country of Origin (Ex: American)
  • Image URL
  • Measurements and Ingredients items separated by commas (Ex: 3, Chicken Breasts, 1 cup, Bread Crumbs, 1 tbsp, Dried Basil, ...)
  • Directions
• Press 'Submit' button and meal will display on the main page and meal's name will be appended to navigation bar
• Form is cleared, press 'X' to close modal

• Can't figure out what to eat? We have that covered.
• Press the 'Random Meal' button and a meal will appear on the main page with all the information

• TheMealDB API
• TheMealDB Main Website
• Explore TheMealDB API using JavaScript

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change and we will review them as soon as we can.

Please make sure to update tests as appropriate.

MIT License