Two Sam's and a Rohan

2 Sam's and a Rohan is a website that allows users to place orders from a menu, and it allows the restaurant to respond to said orders. The website allows users to add menu items to a cart and place the order. When placing the order, a user must input their phone number. Placing the order will send the restaurant an SMS message notifying them that the order has been placed. On the restaurant end, there is a portal that allows owners to view incoming orders. For new orders, it allows the owner to insert the time in minutes, indicating how long it would take for an order to finish. When the order is complete, the user would recieve a message on their phone. A 'pending' order will include a timer showing how long an order will take to finish. Once the order is finished, the user recieves a completion message.

Node.js
jQuery
PostgreSQL

The website includes the following features:

  • The website consists of two pages. A client page where a user can place orders, and a restaurant page where a restaurant can change the status of an order.
  • The client page shows several menu items. A user can click the [+] or [-] buttons to add and remove the menu items to and from the cart.
  • The cart updates with order information, and calculates the necessary fees and taxes. A user can submit this order.
  • Once submitted, the order appears on the restaurant page. From there, a user can input in the search bar, the amount of time (in minutes) it would take to complete the order.
  • Once the user has input this, it starts a timer counting down from said number of minutes. This information is simultaneously shown on the client screen.
  • Separate tabs that divide orders for each phase of their orders.
  • Once an order is placed, and once an order is completed, an SMS message is sent to the user.
Two Sam's and a Rohan

Challenges

Timer

  • I was working almost entirely on the restaurant page. The most challenging part for me was to implement the timer.
  • The usual way of generating a timer is to get the current time, get (current time + number of minutes), subtract the two and continuously show the subtraction on-screen.
  • I had to figure out how to perform mathematical functions on time values. To do this, I had to convert the obtained time from minutes to milliseconds, add the two, convert it back to minutes and show it on screen.
  • This alone was causing errors. Hence, I stored the time values in the browser's sessionStorage. This fixed the errors, and allowed the timer to persist upon refresh
project

Cart

  • I didn't work on this. My teammates did. It was quite challenging, and I'd like to write a few sentences on how they did it in case I need to take credit for their hard work.
  • The details about the cart are stored in the browser's local storage. The local storage holds an object which contains the menu ID, order name and quantity. Once this object is created, there are separate functions that use the menu ID to increase and decrease the quantity.
  • A separate function uses information from the local storage to calculate the price. Upon clicking submit, All the info is stored in the database (to be used by the restaurant), and the local storage is cleared.
project


This Website is best viewed on Desktop