Empezar a leer y entender como funciona React y como instalarlo

Diseño prototipo en Figma

En las tarjetas de ordenes del jefe de cocina, al poder dar click al botón de orden lista, y que la orden pase a la vista del mesero

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

Yo como meserx quiero tomar el pedido de unx clientx 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

• Anotar nombre de clientx.
• Agregar productos al pedido.
• Eliminar productos.
• Ver resumen y el total de la compra.
• Enviar pedido a cocina (guardar en alguna base de datos).
• Se ve y funciona bien en una tablet
• Hacer test unitarios

Diseño en figma

Diseño en Figma

Json Server - API REst ¡sin líneas de código!

smartbear

Mesero/a debe poder ingresar al sistema, si el admin ya le ha asignado credenciales
Yo como meserx quiero poder ingresar al sistema de pedidos.

Criterios de aceptación
Lo que debe ocurrir para que se satisfagan las necesidades del usuario.

• Acceder a una pantalla de login.

• Ingresar email y contraseña.

• Recibir mensajes de error comprensibles, dependiendo de cuál es el error con la información ingresada.

• Ingresar al sistema de pedidos si las crendenciales son correctas.

• Hacer test unitarios

1. React Hook
2. Props, key props, children
3. Ciclo de vida de los componentes
4. state
5. Hooks = useState, useEffect, useRef()
6. middleware
7. Agilizando el desarrollo de formularios en React