You have a project and want to hire us?

Let's talk

Please enter a valid email address.
Please enter a valid phone number
hire-us

HOME / BLOG / QR Menu

QR Menu

QR Menu

Simple and efficient order management platform for restaurants and bars

QR menu is a brand new order management platform in which users can preview menus, items and order them through a simple progressive web application (PWA) interface while the restaurant or bar owner can edit what is currently being offered through their admin platform.

The challenge

To build an order management platform which is as simple as possible in order for users to prefer it over traditional menus and calling out for waiters, while also having a clean and responsive interface for the administration part.

The app also needed to offer few customisation options such as color scheme, languages and organization logo in order to feel more personalized for each restaurant or bar.

Finally, the app needed to be extendable. While the MVP version has only order management in place, it can easily be extended to support payments. For now it only supports automatic currency rate conversion.

What we had  to do

Our team was tasked with the whole product development flow. Some of the steps of that flow include

  • MVP specification of user stories
  • Low fidelity design (UI/UX wireframing)
  • High fidelity design (UI/UX design and handover for the development)
  • Development of progressive web application for end-users (restaurant/bar customers)
  • Development of administrative interface for owners and staff
  • Development of backend service that binds all of it together

How we did it

The project was kicked off with a standard discovery workshop which mostly included our designer communicating with the client in order to get as much info as possible for us to start shaping the product development roadmap and start working on screen mockups that will determine the flow and structure of the client and admin apps.

As soon as the roadmap was clear and flow has been determined, we were able to kick off the development phase. We wanted to focus on admin part first because it had more features to resolve and the client app required some of the data that had to be provided from the admin.

Our team used agile approach for the development phase with two week iterations focused on creating a deliverable that can be tested and tweaked later on. This allowed for the client to give valuable feedback and insight right away so things can be updated if needed.

After the development phase was done, we had a two week Quality Assurance (QA) session during which we have thoroughly tested out the app and polished any irregularities that may have occurred.

Finally, upon completion of the QA phase we have deployed the latest version of the application and we have transferred the source code to the client.

Tools and technologies used

Both high and low fidelity design and assets were created in Figma interface design tool.

The end-user part of the app was developed as a progressive web application (PWA) using React.

The admin part of the app was developed using and extending the React Admin framework which allowed us to rapidly develop the admin features.

The backend and super admin were built using Strapi.io and NodeJS backed by PostgreSQL database.

The state of the application is monitored using Sentry and we used Heroku for the hosting.

Final thoughts

While QR menu wasn't the first order management platform we've developed (check out our case study for Hotrio), this one was more robust and had a greater set of features that included content localisation, currency conversion and easier order status management.

We're looking forward to see QR Menu being used in our favourite coffee shops, bars and restaurants soon!

YOU MIGHT ALSO LIKE

LET'S GET THIS PARTY STARTED

mail contact