GithubHelp home page GithubHelp logo

gorantopic / nextdoorlounge-hostapp Goto Github PK

View Code? Open in Web Editor NEW
3.0 2.0 0.0 14.35 MB

Hello there. This App is designed for Next Door Lounge.:door: It helps the staff to keep track of the reservations and tables of the restaurant.

TypeScript 99.51% JavaScript 0.49%
restaurant-management restaurant-app react react-native react-redux drag-and-drop table-sheet door-lounge restaurant lounge

nextdoorlounge-hostapp's Introduction

Next Door Loung - Host App

About

Hello there. This App is designed for Next Door Lounge. It helps the staff to keep track of the reservations and tables of the restaurant. I design it to be easy to use and intuitive. It uses a firebase as a back-end server and React Native as a front-end. It communicates all changes in real-time across all the apps.

I designed it to be able to run on IOS, Android, and Web.

Install

The iPhone build can be found here:

https://exp-shell-app-assets.s3.us-west-1.amazonaws.com/ios/%40telix/NextDoorLounge-HostApp-5461de49-ea33-4f39-b8ce-293060366dfb-simulator.tar.gz

The Android build can be found here:

https://exp-shell-app-assets.s3.us-west-1.amazonaws.com/android/%40telix/NextDoorLounge-HostApp-23634c92e4724b09878547bedad07eb0-signed.apk

Usage

The solution that I set out to find with this app is about communication more efficiently with everyone and a shorten the amount of time it takes to look at a table that belongs to a reservation.

Every night, changes happen: reservations get canceled, tables get switched, people get added. Everyone should know about these changes, but it takes time to track everyone down, tell them, and make a drawing on their table sheets. That why thought: What if we could have the table sheet, live on our phone? This way If anyone needs to make a change, we can all see it in real-time. It would be easier to communicate with everyone and with everyone helping in it would be easy to see how the restaurant is doing just by having your phone and signal.

To be able to sit all the information on a small screen, I have divided the app into three sections.: One for the reservations, one for the tables, and one for the changes and updates.

The reservations tabs include a search bar to quickly search for the reservations name, this way the customer does not have to wait until Selina or I peruse through the table sheet to find the name. Sometimes it can be hard to hear the name of a reservation, that why the search work with any syllable.

opening App gif

Reservation Tab

If you tap on reservations it takes directly to the table that the reservation belongs to on the table tab. That way waste no time finding the table.

opening App gif

You can search a reservation by typing in the search bar.

opening App gif

We can also delete a reservation or edit existing reservations.

opening App gif

We can view the details of a reservation by taping an holding, see the notes attached to it, see if they are VIP at the time and table they are going to.

opening App gif

Table Tab

On the table tab, we can tap on a table and we get all the information on that table, including the reservation it has. A table is marked by color and the color changes depending on the waiter that is assigned to that table. All the information on the table can be edited and changed, the golden border on the table represents that it has a VIP reservation.

opening App gif

The Table tab is also highly customizable. One can delete any table by dragging it to the trash bin.

opening App gif

Or create a table anywhere by dragging a table anywhere on the screen.

opening App gif

Log Tab

The Last tab records and presents all the changes that anyone makes: The idea is that everyone can keep track of what is happening in the restaurant.

The logs include the user who made the changes as well as the change that was made. There is also the ability to write your own messages to explain some changes that happened or convey important information to everyone.

When a change has been made to a table or reservation, if the user is involved in that table then it would send them a notification. For example, if two tables are switched, then waiters of that table would get a notification of the switch.

opening App gif

This would conclude the basic preview of the app.

Feel free to copy the code or modify it in any way.

As Always yours, Goran Topic :shipit:

nextdoorlounge-hostapp's People

Contributors

gorantopic avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.