Restaurant Modernizer

YOOO things r looking up
search bar functional now
i was having a really hard time deciding what to do for filters/tags (it makes sense to make a vegan tag, then filter for items that are vegan, but what about any item that has diary? it would look cluttered/complicated if you “exclude” tags - this is meant to make ordering quick and simple.)
and icons? do i provide vegan/vegetarian/nut product tags? what if its a vegetarian restaraunt or a steakhouse, both extremes may not need the tag)

so my fix? ignore the problem entirely. Now, the restaraunt admin may create tags and apply their own image with it.

also redid the management UI
before, you toggle tabs on or off, and it became very messy very fast. each tab could only have 50% of the screen max at a time, and some of the things there (like tag editor, and menu editor) would not be used often. It made much more sense for eaach button to switch to its own menu

tag menu revamp, you can create tags, click on it edit (incl add/remove items) and you can also do this from the add/edit item menu

in the images below, i made the tag some random google image, but ideally the restaraunt would have their own or use proper transparent stock icons.
next additions to add: i wanna make the filter menu more compact, maybe only show it upon user request, as a lot of tags may take up space quick (im thinking of a button that upon press will shove out all the tags horizontally)
also ive realised its very annoying to login to the panels, both kitchen and management/till, since enter key doesnt actually login, you press the button, but also need to keep in mind that in the kitchen, the screen may not be interactable (i havent been in a restaraunt kitchen, idek if they have screens)
idk how to solve this, do i add a numpad and make the password numerical? what if they dont have that either? they cant even mark the things as done?

maybe ill make a management thing or a “readonly” kitchen panel, and management panel will be the main way to complete orders. like how does a kitchen cleanly transition from using paper slips to reading orders of a screen? what if the screen is a monitor or tv hooked up in the cornner?
anyways this took time
maybe i take a break and work on another proj in mind, idk. holy yap i gotta wrap this up

Like bro cmon bro like bro
So using trying to get docker working for the first time, and AI suggested i use a .env file since imma be serving the thing to diff clients and each will have their own logo/theme/passwords ect
and i still dont fully know why (cus the html/css/js files lie in the same place as the .env file) but the js cant directly access it, so i wrote a quick api that would pass through the required parameters.

next steps are making a filter/tag/search system for the menu, idk why i put it off

(no image cus evrything looks the same, srry)

getting ready to make it easy to deploy diff versions for diff clients.
added a navbar to hold the logo and client name
made it easy to change the theme of the site
added sessionStorage so users can exit the menu/refresh/switch wifi or smthng idk
all in prep for getting docker ready
oh and added fix for orders coming in at the same time (called write ahead logging)
This isnt what the menu will look like, demoing the modular themes

Fixed up the edit menu from last time. Now the table number for an order is locked. You can also add notes for items and inc/reduce count.
the kitchen panel will now show a timer for each order, how long ago they were ordered, and sorted by oldest first.
the menu now also has an easier way to increment item count, made better for mobile. (has a few iterations of this)
oh also removed any signs of the previous clientside password.
and some backend stuff

For some reason, while i was making the password lock, i made it client side cus any skids who were tryna troll would be on their phones anyway. I only realised now that if these panels could edit orders, then there could be a lot more issues if someone took the time to login to the panel at home on a pc. So i spent the time to make both kitchen and management/till passwords server side. And i started on edit functionality for orders.

ok im editing this, IDK what i was on, but the first box is for the table number, but the chance you will need to change the table for an order is basically 0. yea imma fix tht next.

reworked a lot of the backend, add a whole price and image bit, made lots of quality of life updates:
chefs can cross out what has been cooked
each non personnel page is locked behind a password
readability is way better, hid not so often accessed menus behind a toggle
Made the order complete show a new page, and not keep them on the order page
can also edit items directly, rather than del/add them

will add some way to change passwords.
will also fix images, as it looks so buns rn
oh and add a way to edit orders, so you can still get your drink

partially finished the management panel. Will a way to remove items from menu completely, edit existing orders, password similar to kitchen, some way to generate QR codes on the fly, incase tables ones get damaged.

Got a barebones customer menu, can make orders rn.
Also got a basic kitchen menu, to see/complete orders and mark things out of stock.
Got a python script that handles evrything, changes db accordingly. Working on a management panel now
first time using FastAPI and pydantic, so a small learning curve