Skip to content

Instantly share code, notes, and snippets.

@airportyh
Last active May 1, 2017 18:32
Show Gist options
  • Select an option

  • Save airportyh/5113918 to your computer and use it in GitHub Desktop.

Select an option

Save airportyh/5113918 to your computer and use it in GitHub Desktop.

Features/Tasks:

  1. Have a reservation form.
  2. Have a Pending Reservations queue.
  3. Submit the form adds a pending Reservation with the entered information.
  4. Make sure you can enter multiple pending reservations.
  5. Valid the form i.
  6. Have a Confirmed Reservations time slots section.
  7. Clicking on a pending reservation and then clicking one of the confirmed reservations time slots removes the item from the pending queue and adds to the time slot, updating the time slot by removing the corresponding # of seats in the booking.
  8. Make sure you can do any of the above any number of times.
  9. Make all of the state persist across browser refresh. You can use either server-side storage or browser-side storage.
  10. Allow the user to drag-n-drop a pending reservation to a time slot as an alternative to the click-n-click.
  11. Text the customer "Your reservation with js bistro has been confirmed!" once he has reserved a time slot.
  12. Make it possible to delete a pending reservation (right click delete or new control button?).
  13. Editing existing reservations
  • i. Clicking on a time slot will open up a modal dialog box with a list of all the current reservations, displayed as a table, each column containing the information name, phone number, and number in party.
  • ii. Add a forth column to the table and put an edit button there on the right side of each row.
  • iii. When you click the edit button, you can live edit the values in that row - the edit button now becomes the save button - when you save, the data actually persists.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment