Bocados Elite
Digital Kiosk Web Application
About the project
Complete digital kiosk system for restaurants with intuitive interface that allows customers to explore the menu, customize orders and make purchases autonomously. Includes category management, products with images, dynamic shopping cart and real-time notification system.
The application features an optimized 3-step ordering flow: product selection, order review and confirmation with customer data. Users can edit quantities, remove products and see the total updated automatically.
Fully responsive design with hamburger-style mobile navigation, optimized for both touch and desktop devices. The interface uses an elegant amber color scheme that reflects the premium brand identity.
Independent administration panel to manage orders in real time, with integrated payment system that automatically calculates change and allows marking orders as completed. Automatic update every 3 seconds to show new orders.
Technology Stack
Frontend developed with React 18 and Next.js 13 for hybrid rendering and SEO optimization. Global state management with Context API and custom hooks. Axios for HTTP communication with error interceptors. Tailwind CSS for modular and responsive design with utility classes.
PostgreSQL database managed with Prisma ORM for type-safe and automatic migrations. Optimized relational schema for categories, products and orders. Next.js API Routes for RESTful endpoints with HTTP method validation.
Notification system implemented with React Toastify for immediate user feedback. Differentiated notifications by action type: order confirmations, cart updates, validation errors and payment confirmations.
