CASO DE ESTUDIO / 10
Quiosco App
Pedidos de restaurante conectados con un panel para atender órdenes y gestionar productos.
En esta página
01 / CONTEXTO
El problema y la solución
El punto de partida
Permitir que los clientes preparen su pedido y que el administrador reciba las órdenes y controle la disponibilidad de los productos.
La propuesta
Un flujo de compra con registro de clientes, selección de productos y envío de la orden, acompañado por una vista administrativa de pedidos.
02 / PRODUCTO
Funciones principales
Acceso de clientes
Registro e inicio de sesión antes de realizar un pedido.
Preparación de la orden
Selección de productos y revisión del contenido del pedido antes de enviarlo.
Atención de pedidos
El administrador recibe las órdenes y puede marcarlas como completadas.
Disponibilidad del catálogo
Gestión de productos y categorías desde la administración del restaurante.
03 / IMPLEMENTACIÓN
Decisiones técnicas
React para el frontend
React y React Router Dom organizan las vistas de cliente y administración, con estilos en Tailwind CSS.
Laravel como API
El backend Laravel gestiona la aplicación y utiliza MySQL para sus datos.
Flujos separados
El cliente prepara órdenes mientras el administrador atiende los pedidos y mantiene la disponibilidad del catálogo.
04 / CAPTURAS
El proyecto en pantalla
Una selección de vistas del proyecto. Pulsa una captura para verla a tamaño completo.
05 / DOCUMENTACIÓN
Explorar en detalle
El recorrido completo por los módulos, las reglas y las pantallas del proyecto.
Leer documentación completa
Aplicación para gestionar los pedidos de los clientes en un restaurante. El administrador puede gestionar los pedidos y cosas generales como los productos y categorias.
Este proyecto esta hecho en la parte del frontend con React, React Router Dom, Tailwindcss y en la parte del backend está hecha con Laravel API y Mysql para la base de datos
En este proyecto cada usuario puede registrarse para poder pedir su orden, una vez que se registre puede iniciar sesión con sus credenciales. Tiene una parte de adminsitrador el cual puede gestionar los pedidos y disponibilidad de los productos.
En este proyecto cada usuario puede registrarse para poder pedir su orden, una vez que se registre puede iniciar sesión con sus credenciales.
El usuario puede pedir los productos que quiera e ir viendo que es lo que lleva su pedido y poder realizar la orden. Una vez que la orden esta lista se sale de la vista para hacer pedido para poder volver a hacer otro.
Al administrador le llegan las ordenes de los usuarios.
También puede gestionar la disponibilidad de los productos como marcar como completado un pedido.
Usuario
user: gon1@gmail.com
pass: gon2025???
Administrador
user: levi@gmail.com
pass: levi2025!!!
Puede registrarse con un correo y verificar su funcionamiento.Enlace