Skip to content

Latest commit

 

History

History
23 lines (14 loc) · 831 Bytes

README.md

File metadata and controls

23 lines (14 loc) · 831 Bytes

TinyBento

Alt text

output

Terminology

High-level:

  • TinyBento - Our app!
  • Bento - The single box that holds everything. Has dimensions, width, height, etc.

Drag and Drop Components (dndkit):

  • DroppableBentoSquare - A single square in the bento that can hold an ingredient. There are (width x height) of these in a bento
  • DraggableIngredient - An ingredient that can be dragged and dropped into a DroppableBentoSquare

Interfaces:

  • Ingredient - A single item contained in the bento. Can have one of many variants:
    • DroppedIngredient - A type of ingredient that has been dropped into the bento
    • PreviewIngredient - A type of ingredient that is being dragged around the screen