🍴 What Should I Eat? 🍜

Files

Right click and download the associated files.

• style.css - I styled to look similar to the GrubHub website but you can update that.
• foods.js - This contains all the information about foods, restaurants, cost, and distance.
• index.html - This displays the results after you add filters. This works offline.

Instructions

Follow these instructions to add your food selections to the database for your tool. You can update the index and style files as desired.

1. Open food.js in your preferred editor.
2. The file is structured to accomodate an entry for each restaurant I like and multiple dishes from the menu. Each restaurant looks like the code below with a line for each dish.
   {
name: "Delias",
mileage: 5,
dishes: [
{ name: "Beets and Goat Cheese Salad", cost: 11 },
{ name: "10 in Pizza (gluten free crust)", cost: 12 },
{ name: "Burger (gluten free bun) and fries", cost: 19 },
{ name: "Chocolate Mousse", cost: 8 },
{ name: "Creme Brulee", cost: 10 }
]
},
3. Update the text to match the options you want to come up in your food helper tool (examples in red). Make sure to retain all quotes, commas, brackets, and other script items.
   {
name: "Seoul BBQ",
mileage: 5,
dishes: [
{ name: "Bibimbap and Kimchi", cost: 29 },
{ name: "Kimchi Fried Rice", cost: 19 }
]
},
4. Note that the last item in the lists does not have a comma after the end bracket. Lists = Restaurant list and the Dish list within each restaurant.
5. I have it set to show 3 random items. To update this, find where the comment says "Shuffle and pick up to 3" and update to your preferred amount.
   // Shuffle and pick up to 3
const shuffled = [...filtered].sort(() => 0.5 - Math.random());
const selected = shuffled.slice(0, 3);
6. I have it set to show 5 historical items. To update this, find where the comment says "Keep last 5 in history" and update to your preferred amount.
   // Keep last 5 in history
history = history.slice(0, 5);
7. That's it! The rest of the code in the other files make the tool run properly (put the 3 core files in the same folder or update the HTML path to the CSS/JS files if you put them in different folders).