Pizza Shack
Pizza Shack is a web aplication for a pizza store. Clients can login and order their favorite products whilest administrators, kitchen staff and attendants can manage the store in a separate dashboard.
- -
- FullStack
- NextJS, Tailwind, TypeScript, PHP, MySQL.
Description
I was in charge of FullStack developing, handling most of the application backend, using the MVC Design Pattern with PHP. As for the data access, I implemented mysqli to connect to a MySQL database.
For the frontend, I used NextJS with SSR and CSR, optimizing the performance of the application with React memoization, lazy loading, skeleton patterns, and more. The application implements a Role Based authorization, both the API and the frontend routes are protected. The identity of an user is stored in a JWT, which is signed with a private key and the frontend uses a public key to validate it.
The application implements a WebSocket simulation with the library "Pusher", which allowed us to sync the orders on each user computer. The clients can see their orders progress in real time, and kitchen staff can mark each product as completed or notify that it is going through a different station in the kitchen.
This application features a responsive website, which users can access to order their favorite products and checkout their orders and a dashbord, that administrators can use to manage the users, products, combos, ingredients, menus. The kitchen staff can see the orders in real time, and the attendants can take the orders of the clients.
Pictures
Image 1 of 10
Technologies
- NextJS: I used NextJS as a framework that provides routing, SEO, static site generation and more.
- Tailwind: I used TailwindCSS for styling.
- TypeScript: I used TypeScript for data type creation and error handling.
- PHP: I used PHP for server and API creation.
- MySQL: I used MySQL for data storage.
