Skip to content

Instead of creating a pdf, we are creating a fully customizable react app that acts as a menu for a restaurant

Notifications You must be signed in to change notification settings

pbldmngz/menu-maker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 

Repository files navigation

The purpose of this web app is to allow small business to create a kinda customizable digital menu for FREE. This menu can be shared with link or QR and modified with ease, it also includes some utility functions like changing language (English & Spanish) or "hide" a particular item or category without having to remove it. The user can also change the color palette.

I know the images used here are in spanish but this example is for an actual restaurant in Baja California called "La Casa de la Paella".

How does it work?

The food categories are displayed on a Masonry format (like Pinterest), that's how it stays compact without a grid. I'm using react-responsive-masonry to make it work in few lines of code.

The containers for the items are generated based on the available categories for the specific ID of the menu, the items are then assigned automatically. This way the user only needs to specify that Paella is in the Rice category for it to be shown on it.

User input

After registering and setting up some small details like the name, url and logo, the user will have to insert data in two sections: categories and items. An item needs a category, name, price and description so is wise to go first to create a category, who only needs a name.

categories 985c9122

items c7dd5fae

How does it look like?

On PC:

Web

On mobile:

Mobile

Documentation will be added soon

About

Instead of creating a pdf, we are creating a fully customizable react app that acts as a menu for a restaurant

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published