/burger-queen

Progressive web application built with React and firebase.

Primary LanguageJavaScript

Logo

BurgerQueen! is an App that allows waiters to take orders using a tablet / desktop to send them to the kitchen area in an efficient and orderly manner and vice versa. It's a single page app responsive and accesible that works offline both: frontend and backend.

React / JavaScript (ES6 +) / HTML / CSS / Single Page App / Responsive / Progressive Web App / Offline / Serverless / Firebase

Ligthouse:

  • Performance 93% Avr
  • Best Practices 94% Avr
  • Accessibility 100%
  • Progressive Web App: 100 / ✅ Fast and Reliable ✅ Installable ✅ PWA Optimized

Testing:

Snapshots with React Test renderer & DOM testing with React Testing Library

UX / Histories

H1:

  • Write down customer name
  • Add products to the order
  • Delete products
  • See summary and total bill
  • Send order to kitchen (save in a database)
  • Works fine on a tablet

H2:

  • See the ordered orders as they are made.
  • Mark the orders that have been filled and are ready to be served.
  • Watch the time it took to prepare the order from when it arrived until it was marked as completed.

H3:

  • See order list ready to serve.
  • Mark orders that have been delivered.