mike-dresser / menu-binder

A mobile solution for restaurant menu education and communication.

Menu Binder

Menu Education for the 21st Century

Menu Binder is a mobile solution for menu education and communication. Replace printed menu descriptions with a mobile site accessible to all team members 24/7, instantly updateable from your phone.

Item View

Add images, ingredients, allergen information, mise/marking notes for front-of-house staff, and times the item is available.

Add notes to specific allergens to communicate what can be removed, substituted, etc. Fewer trips to the kitchen pass means more time with guests and greater menu confidence.

Editing

Items may be edited at will, from the mobile device of any user with edit privileges. Daily additions and menu changes just got easier.

Menu Filtering

Filter menu items by major allergen for a quick overview of what can be served without modification.

Coming Soon

Future features will include

• Custom category names
• Expansion to beverage education
• Enhanced desktop options, including bulk item addition and menu editing
• Export menu information to PDF

menu-binder's Issues

Capitalize Allergens in dialog titles

Noticed in allergen info, maybe elsewhere

Create API fetch service

Background

Currently API calls are handled ad hoc within components. Creating an API service would remove duplicate code, and centralize this functionality.

To Do

• Create an API service which accepts standard parameters (endpoint, http method) and returns JSON formatted data
• Move all fetch calls into this component, ensure functionality still works
• Handle errors in a standardized way

Fix image upload

Confirm buttons too narrow on allergen list edit

Filter dialog button off-center

Editable text field styling

• Make editable h2 font bigger
• Description textarea larger

Finish individual field patch edits

Allergen note edit

Textarea has default font, submit button also needs styling.

Custom favicon / update tab title

Build out desktop view

On larger devices, the layout should be multi-column. Some possible options:

• Show menu list and item view on a card
• New item similarly on a card while MenuList view is still visible
• Bulk item addition?
• New menu creation?

Breadcrumb

Replace item back button with breadcrumb to category?

This will involve tracking the current menu-expanded state at the MenuList level.

Standardize Icons

Add standardized icons for:

• Edit check / cancel
• Close X button
• MenuList arrows
• Edit pen

Clear 'unique key' errors

Add existing item to menu / category

Background

Currently the only way to update an item's category or menu is to change it within the item edit view. There should be a way when viewing the entire menu / category list to add an item.

Edit allergen note font

Showing up as default textarea system font

Style icons

They look a bit small.

One consistent color?

Dialog modal drop-shadow seems off

Look at some other sites to see how to make this seem legit

Fix image display / cropping

Style headers as <h3> components

Item delete in mobile view

To Do

Allow an item to be removed from a menu/category within the mobile view.

Style item menu categories

Will this be consistent [menu] - [category] or just [menu]?

List styling a la allergens?