Esta es una aplicación web de Kitchen Display System (KDS) desarrollada como parte de una prueba técnica para ID Business Intelligence. Se utilizó React.js, Styled Components, React Hooks, Redux y TypeScript. La aplicación permite visualizar los pedidos en tiempo real para que el personal de cocina los pueda ver y preparar de manera eficiente.
- Node.js (v12 o superior)
- NPM (v6 o superior)
- Git
-
Clona este repositorio en tu máquina local utilizando el siguiente comando:
git clone https://github.com/DavidVidaurre/kds-app -
Navega hasta el directorio del proyecto:
cd kds-app -
Instala las dependencias del proyecto ejecutando el siguiente comando:
npm install
-
Inicia la aplicación ejecutando el siguiente comando:
npm run dev -
Abre tu navegador web y visita la siguiente URL:
http://localhost:5173La aplicación de Kitchen Display System se cargará en tu navegador y podrás ver los pedidos en tiempo real.
- Visualización de pedidos en tiempo real: Los pedidos se muestran en la pantalla del Kitchen Display System, permitiendo al personal de cocina verlos y prepararlos de manera eficiente.
- Detalles básicos de los pedidos: Cada pedido muestra detalles básicos como la lista de productos y la cantidad.
- Filtrado de pedidos: Puedes utilizar la funcionalidad de filtrado para mostrar solo los pedidos pendientes, en proceso, completados o cancelados.
- Gestión de pedidos: Tienes la opción de marcar pedidos como completados o cancelados.
- Restauración de pedidos: Puedes restaurar pedidos cancelados para que vuelvan a la lista de pedidos pendientes.