jtibs18 / waitless

Waitless is an interactive menu application created with MongoDB, Angular, Express.js and Node.js (MEAN stack) as a university honours project

Waitless

COMP4905 Honours Project 2021

Overview

The proposed project, WAITLESS, is an endeavor to create an interactive online menu where restaurants can upload their menu to the application, specifying ingredients within each dish. Diners will be able to scan a QR code to load the restaurant’s menu, enter their dietary restrictions and receive recommendations for safe food and drinks to order. Ordering will be completed through the menu web application so that the restaurant chefs are able to receive orders digitally through the application’s restaurant dashboard thereby eliminating the inevitable delay between receiving a menu and ordering food items.

Main Objectives

The main objective of this project is to develop a MEAN stack web application that restaurants can easily adopt and implement as an efficient social distancing solution to slow and disorganized in person ordering processes. Additionally, WAITLESS menu will eliminate the ambiguity of meal ingredients so that those with dietary restrictions can instantly and clearly identify which dishes are safe.

waitless's Issues

Restaurant Uploads their Logo

This should be done in restaurant registration page
Reformatting the input form and checking for a valid image would be necessary
Optional feature

uri to dashboard is incorrect

need to query db for restaurant name to redirect to the proper uri for /waitless/:restaurant/dashboard and /waitless/:restaurant/settings

invalid login screen

if user types password or username incorrectly, there needs to be a screen for that. Maybe an alert

delete an item in edit menu

if you are in /edit for create menu for an item and that item is deleted in the mini menu, then the edit page should go back to the general create menu page. Error occurs when trying to save and exit from the edit page but you just deleted that menu item

field not filled in

in login, registration and create menu, if a field is missed, highlight that field in red

# Tables Dropdown in Restaurant Registration

This field should be added to restaurant registration

Click logo/waitless to go to dashboard

If not in registration, then clicking on the logo/waitless title in top left should bring the user to their dashboard when logged in

Mini Menu items size should adjust based on the amount of text entered

CSS components in the mini menu should be flexible, not fixed
Items in the mini menu should take up space as needed based on length of description and not overflow onto the next item

Create Menu for Specific Restaurant

Currently create menu works generally, but all menu items ever created are loaded into the mini-menu.
/Create_Menu should be specific to the restaurant currently registering
URL should be updated to Waitless/:restaurantID/Create_Menu and Waitless/:restaurantID/Create_Menu/Edit/:itemID

make error boxes look nice

using angular material to make dialog boxes custom for error messages

must install angular material and go through the steps in section 10 of the video tutorials

Confirm before deleting item in Mini Menu

An alert should drop down confirming the restaurant wants to delete a menu item before it is deleted. If the user selects no, the item should remain on the menu, if yes is clicked, then the item should be deleted

format currency in js

https://stackabuse.com/how-to-format-number-as-currency-string-in-javascript/

particularly needs to be done in dashboard table for tab

how to get route like /Edit_Menu in front end

needed for Create-menu component to distinguish between /Create_Menu and /Edit_Menu.

/Edit_Menu should say edit menu in the title, does not need skip for now button, change mini menu with toggle buttons

Skip for now button in create menu

Before a restaurant begins entering a menu they should also have the option to skip for now (button) instead of seeing the save & exit button

create menu image requirement

Currently image must be added to menu items
Either specify that this is a requirement and add the red note or allow no image to be added
If user doesn't add image, they cannot click add menu item but there is no visual indication that an image must be added

Upload button changes to change image

In create_menu/edit the upload image button should change to "change image" label

Data verification

In restaurant registration the data needs to be a phone number, ensure that a valid number is entered
Ensure the passwords entered match
If the user enters an email that is already in the database then notify the user that the email is not valid/already used

Have an error dialog on sign up button for registration

Do the same behaviour as when log in button is click with no text. Warn that there is no data and no submission

Disable add button in create menu if all fields are not valid/not filled in

navigation

if logged in, clicking waitless in header should bring back to main dashboard, not waitless login

image icons on dropdown buttons for settings

need to do this

Remove or disable save and exit button when user is typing/entering data

clean up styling of login screen

delete text in top left corner, make those red alerts nicer or move them or something

back button from create_menu to registration

Either remove this back button or when going back to registration fill the boxes with the user input so that the user can edit their form.
Change submit button to save edits button and then go back to create_menu

Invalid email still goes to create menu

DB recognizes if email is invalid and won't add the registration to the db but this error is not sent to the server to prevent moving to the create menu section.
If email is invalid, ask user to enter a new email. Do not go to create menu

fix styling of logout button

waitless/:restuarantName/EditMenu/edit/:id

Change title of create menu to edit menu if possible