Oaxaca - full stack web app (group project)
what is it?
A web application for a fictional restaurant company where customers can order food and these can then be processed by the staff.
This was for a group project in the second year of university, where I was one of the core 3 members in a 9 person team.
Prior to this, I had not had any React/Spring Boot experience and had probably written 40 lines of JavaScript in my life (changing the inside of a header, a couple of while loops— truly challenging stuff).
For this project, I was working on both the front end and the back end as well
as designing the core architecture.
We also made extensive use of Trello as
a way of assigning and tracking tasks.
Note: so as not to take credit for the other front end developer's work, the pictures shown are pages that I made significant contributions to or did all of.
The features
The first feature was assigning tables. A user would sign up, have a randomly generated string, from which a waiter (logged in on a waiter account) could enter a free table number. The guest would then receive this number from their side.
The main part was the page displaying the main menu. You could select the menu you wanted, the item and quantity within that menu, as well as filter items by calories and allergens. (All the menus were stored in a database.)
When the customer submitted their order, they would then be prompted to pay and receive a confirmation of that payment. The staff have their own list indicating which customers are sitting at which tables and which have paid the full amount.
On the staff side, they would have an interactive list of orders. They go from unconfirmed, in-progress, ready and, delivered. Delivered means that the waiters can fetch the food from the kitchen staff.
Kitchen staff could also add new dishes to the menu, listing ingredients/price/calories/images and name. The ingredients was also an interative list from which you can add, delete, and select them.
The Stack
React Front (JavaScript) end with a Spring Boot backend (Java) and a Database