SandWhich

Description

Are you hungry for a sandwich but can't decide? SandWhich provides a selection of raw ingredients and suggests a sandwich based on those ingredients.

Table of Contents

• MVP
• API/JSON
• Challenges
• Kanban

MVP

Review the list of ingredients and select those which you would like on a sandwich. Each selection will render an image in an ingredients sidebar and the final suggestion on the main page. If a user selects "Cheese," an image for cheese will appear under the ingredients sidebar, as well as sandwiches such as a grilled cheese and a ham & cheese will appear on the main page.

API/JSON

JSON file used with json-server: db.json

{
  "ingredients": [
    {
      "id": 1,
      "name": "Fried Chicken",
      "url": "https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Fried-Chicken-Set.jpg/640px-Fried-Chicken-Set.jpg"
    },
    {
      "id": 2,
      "name": "Roll",
      "url": "https://www.melskitchencafe.com/wp-content/uploads/french-bread-roll1.jpg"
    }
  ],
  "sandwiches": [
    {
      "id": 1,
      "name": "Fried Chicken",
      "sandwich-ingredients-ids": [
        1,
        2,
        3,
        4
      ],
      "url": "https://www.pamperedchef.com/iceberg/com/recipe/1766367-lg.jpg"
    },
    {
      "id": 2,
      "name": "Pesto, Mozzarella, Tomato Caprese",
      "sandwich-ingredients-ids": [
        5,
        6,
        7,
        8
      ],
      "url": "https://www.culinaryhill.com/wp-content/uploads/2023/08/Caprese-Sandwich-1200x800-Culinary-Hill.jpg"
    }
  ],
  "size": [
    {
      "id": 1,
      "type": "small",
      "inches": 6
    }]
}

Challenges

1. Data collection
2. Combinations of sandwiches based on ingredients and providing enough default options.

Kanban

Kanban Board