Skip to content

Software para una hamburgueser铆a en crecimiento. Interfaz donde puedan tomar pedidos usando una tableta y enviarlos a la cocina para que se preparen de manera ordenada y eficiente a trav茅s del backend 馃崝

Notifications You must be signed in to change notification settings

LeslieGaribay/Burger-Queen-App

Repository files navigation

Burguen Queen - Client

Burguen Queen Logo

隆Bienvenido a Burguen Queen, el innovador sistema de gesti贸n de pedidos dise帽ado especialmente para hamburgueser铆as en crecimiento! Este proyecto se enfoca en el desarrollo del frontend de la aplicaci贸n, brindando una soluci贸n eficiente y una experiencia de usuario de primera categor铆a.

Caracter铆sticas principales

  • Interfaz de usuario intuitiva: Nuestra aplicaci贸n ofrece una interfaz de usuario intuitiva que permite a los empleados tomar pedidos de manera eficiente y sin complicaciones.

  • Gesti贸n de pedidos en tiempo real: No solo facilita la toma de pedidos, sino que tambi茅n empodera al administrador para gestionar usuarios y productos mediante operaciones CRUD (Crear, Editar, Actualizar y Eliminar).

  • Dise帽o personalizado: Hemos cuidadosamente dise帽ado la interfaz para garantizar que se adapte perfectamente a las necesidades de la hamburgueser铆a, proporcionando un aspecto atractivo y profesional.

  • Integraci贸n de API: La aplicaci贸n se integra sin esfuerzo con el backend a trav茅s de una API personalizada, asegurando un rendimiento 贸ptimo y una administraci贸n eficiente.

Tecnolog铆as Utilizadas

CSS3 HTML5 JavaScript React Figma GIT ESLint
  • React: Hemos construido la interfaz de usuario utilizando React, una biblioteca de JavaScript ampliamente utilizada para crear interfaces de usuario interactivas y eficientes.

  • Fetch API: Utilizamos la Fetch API de JavaScript para la comunicaci贸n con el backend, lo que nos permite realizar solicitudes HTTP de manera nativa en el navegador.

  • CSS Modules: Para mantener los estilos de manera organizada y evitar conflictos, hemos implementado CSS Modules en nuestra aplicaci贸n.

  • API Personalizada: Hemos desarrollado una API personalizada que conecta el frontend con el backend, permitiendo una comunicaci贸n eficiente y segura.

  • SweetAlert2: Para crear pop-ups y alertas atractivas, utilizamos la librer铆a SweetAlert2.

Historias de Usuario

[Historia de Usuario 1] Mesero/a debe poder ingresar al sistema, si el admin ya le ha asignado credenciales

Descripci贸n

Como mesero/a, quiero poder ingresar al sistema de pedidos.

Criterios de Aceptaci贸n:

  • Acceder a una pantalla de inicio de sesi贸n.
  • Ingresar email y contrase帽a.
  • Recibir mensajes de error comprensibles seg煤n la informaci贸n ingresada.
  • Ingresar al sistema de pedidos si las credenciales son correctas.

Captura de Pantalla: Inicio de Sesi贸n


[Historia de Usuario 2] Mesero/a debe poder tomar pedido de cliente/a

Descripci贸n

Como mesero/a, quiero tomar el pedido de un/a cliente/a para no depender de mi mala memoria, saber cu谩nto cobrar y enviarlo a la cocina para evitar errores y preparar en orden.

Criterios de Aceptaci贸n:

  • Anotar el nombre del/a cliente/a.
  • Agregar productos al pedido.
  • Eliminar productos.
  • Ver resumen y el total de la compra.
  • Enviar pedido.

Captura de Pantalla: Proceso de Toma de Pedido


[Historia de Usuario 3] Jefe de cocina debe ver los pedidos

Descripci贸n

Como jefe de cocina, quiero ver los pedidos de los clientes en orden y marcar cu谩les est谩n listos para saber qu茅 se debe cocinar y avisar a los meseros que un pedido est谩 listo para servirlo a un cliente.

Criterios de Aceptaci贸n:

  • Ver los pedidos ordenados seg煤n se van haciendo.
  • Marcar los pedidos que se han preparado y est谩n listos para servirse.
  • Tiempo de Preparaci贸n (En desarrollo):
    • Actualmente, estamos trabajando en la implementaci贸n del c谩lculo y visualizaci贸n del tiempo que tom贸 preparar cada pedido desde que lleg贸 hasta que se marc贸 como completado. Esta funci贸n se encuentra en proceso de desarrollo.

Capturas de Pantalla:

  • Interfaz del Chef: Interfaz del Chef

[Historia de Usuario 4] Mesero/a debe ver pedidos listos para servir

Descripci贸n

Como mesero/a, quiero ver los pedidos que est谩n preparados para entregarlos r谩pidamente a los clientes que las hicieron.

Criterios de Aceptaci贸n:

  • Ver listado de pedidos listos para servir.
  • Marcar pedidos que han sido entregados.

Captura de Pantallas:

  • Estado de 脫rdenes: Estado de 脫rdenes Estado de 脫rdenes

[Historia de Usuario 5] Administrador(a) de tienda debe administrar a sus trabajadorxs

Descripci贸n

Como administrador(a) de tienda, quiero gestionar a los usuarios de la plataforma para mantener actualizada la informaci贸n de mis trabajadorxs.

Criterios de Aceptaci贸n:

  • Ver un listado de trabajadorxs.
  • Agregar nuevos trabajadorxs.
  • Eliminar trabajadorxs existentes.
  • Actualizar datos de trabajadorxs.

Captura de Pantalla:

  • Listado de Trabajadores: Listado de Trabajadores

[Historia de Usuario 6] Administrador(a) de tienda debe administrar a sus productos

Descripci贸n

Como administrador(a) de tienda, quiero gestionar los productos para mantener actualizado el men煤.

Criterios de Aceptaci贸n:

  • Ver un listado de productos.
  • Agregar nuevos productos al men煤.
  • Eliminar productos del men煤.
  • Actualizar datos de productos existentes.

Captura de Pantalla:

  • Listado de Productos: Gesti贸n de Productos

Pop-Ups en la Aplicaci贸n:

  1. Pop-Up de Confirmaci贸n de Pedido:

    • Muestra el pop-up de confirmaci贸n que aparece despu茅s de realizar un pedido exitosamente.

    Pop-Up de Confirmaci贸n

  2. Pop-Up de Cancelaci贸n de Orden:

    • Se presenta cuando el cliente decide cancelar la orden, proporcionando una confirmaci贸n para garantizar la precisi贸n de la acci贸n.

    Pop-Up de Cancelaci贸n

  3. Pop-Up de Confirmaci贸n de Entrega:

    • Aparece para confirmar si la orden ha sido entregada satisfactoriamente al cliente, brindando un cierre claro al proceso de servicio.

    Pop-Up de Confirmaci贸n de Entrega

Estado del Proyecto

En Desarrollo: El proyecto est谩 actualmente en fase de desarrollo y se est谩n abordando las siguientes tareas:

  • Desarrollo de nuevas funcionalidades y mejoras.
  • Resoluci贸n de los issues creados en el repositorio de Git.

Puedes encontrar detalles espec铆ficos sobre cada tarea en nuestro repositorio de Git.

About

Software para una hamburgueser铆a en crecimiento. Interfaz donde puedan tomar pedidos usando una tableta y enviarlos a la cocina para que se preparen de manera ordenada y eficiente a trav茅s del backend 馃崝

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 69.0%
  • CSS 30.7%
  • HTML 0.3%