A order taker to a restaurante with page for the client and administrator!
Try it now here on deploy
On deploy login as Adm with the credentials above to test bouth pages
AdmEmail: kitchenadm@email.com
AdmPassword: adm
This App has the objective to provide a faster response to the client orders, what is extremally necessary on a restaurant's kitchen.
By using this App, the restaurant can automate the experience for the user to make his orders, and be faster in receive the response from the kitchen.
The Kitchen is automatically connected with all tables in the restaurant, while the client is connected only with his table.
Below are the already implemented
features on this App:
Client Side:
- Sign Up client.
- Sign In client.
- Main page were the client can see and choose through the options of menu, and his Table.
- Wait Page, where the client confirms and wait for his order.
Adm side:
- Sign In Adm.
- Main page to receive the orders in cascade.
- Confirmation to table orders that perform logout to client (they don't need to care with it).
Below are the not yet implemented
features on this App:
- feat score to options.
- feat client comments.
- feat cancel order.
- feat update order.
- Add more than one order types.
- Open a React-modal to confirm orders.
The following tools and frameworks were used in the construction of the project:
First of all, follow the instructions to run API repository click here
- Clone this repository.
- Create a new archive named
.env
in the project folder and put on it:
REACT_APP_BASE_URL=http://localhost:5000
- Install dependencies
npm i
- Run the front-end with
npm start
- You can optionally build the project running
npm run build
- Finally access http://localhost:3000 on your favorite browser.
- Open a new tab to
AdmLogin
: It's already Registered.
AdmEmail: adm@email.com
AdmPassword: adm
- Register as client on
userLogin
, choose your table, options from menu and see through the pages how they're connected. - Remember to open in new tabs to simulate new user entries ;) enjoy...