beresdev / DEV002-burger-queen

1 stars 0 forks source link
reactjs

Las chidas

Aplicación web desarrollada y pensada para un restaurante de hamburguesas.

Nuestra propuesta de servicio 24hrs ha tenido muy buena acogida y, para seguir creciendo, necesitamos un sistema que nos ayude a tomar los pedidos de nuestros clientes.

Tenemos 2 menús: uno muy sencillo para el desayuno:

Ítem Precio $
Café americano 24
Café con leche 34
Sandwich de jamón y queso 48
Jugo de frutas natural 34

Y otro menú para el resto del día:

Ítem Precio
Hamburguesas $
Hamburguesa simple 48
Hamburguesa doble 72
Acompañamientos $
Papas fritas 24
Aros de cebolla 24
Para tomar $
Agua 500ml 24
Agua 750ml 34
Bebida/gaseosa 500ml 34
Bebida/gaseosa 750ml 48

👫 Historias de usuari@

[Historia de usuario 1] Mesero/a debe poder tomar pedido de cliente

Yo como meserx quiero tomar el pedido de un cliente para no depender de mi mala memoria, para saber cuánto cobrar, y enviarlo a la cocina para evitar errores y que se puedan ir preparando en orden.

Criterios de aceptación

Lo que debe ocurrir para que se satisfagan las necesidades del usuario

Definición de terminado

Lo acordado que debe ocurrir para decir que la historia está terminada.


[Historia de usuario 2] Jefe de cocina debe ver los pedidos

Yo como jefx 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 lxs meserxs que un pedido está listo para servirlo a un cliente.

Criterios de aceptación
Definición de terminado

[Historia de usuario 3] Meserx debe ver pedidos listos para servir

Yo como meserx quiero ver los pedidos que están preparados para entregarlos rápidamente a los clientes que las hicieron.

Criterios de aceptación
Definición de terminado

✨ Diseño

Prototipos de baja fidelidad

prototipo-de-baja-1 prototipo-de-baja-2

Prototipos de media fidelidad Figma

prototipo-de-baja-1 prototipo-de-baja-1

Prototipos de alta fidelidad Figma

prototipo-de-baja-1 prototipo-de-baja-1

Sistema de diseño

🍔 Logotipo:

Image

🎨 Paleta de colores:

main-color: #FF9100

complementary-color: #F2CB57

emphasis-color: #72310C

📝 Fuente:

Dosis

dosis_font

👩🏻‍💻 Desarrollo

Front-end

React CSS3 Vite

Backend

Firebase

Despliegue

Firebase

👉🏻 Las chidas