Burger Queen

Somos Burguer Queen, una cadena de comida 24hrs.

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

---

Tenemos 2 menús: uno para el desayuno:

Ítem	Precio S/.
Café americano	5
Café con leche	7
Sandwich de jamón y queso	10
Jugo de frutas natural	7

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

Ítem	Precio
Hamburguesas	S/
Hamburguesa simple	10
Hamburguesa doble	15
Acompañamientos	S/
Papas fritas	5
Aros de cebolla	5
Para tomar	S/
Agua 500ml	5
Agua 750ml	7
Bebida/gaseosa 500ml	7
Bebida/gaseosa 750ml	10

Nuestros clientes pueden escoger entre hamburguesas de res, de pollo, o vegetariana. Además, por $ 1 adicional, pueden agregarle queso o huevo.

---

La interfaz muestra dos menús (desayuno y almuerzo/cena), cada uno con todos sus productos. En donde se pueden elegir los productos los mismo que serán mostrados en el resumen del pedido con el costo total.

El jefe de cocina puede ver los pedidos de los clientes en orden y marcar cuales están listos para saber qué se debe cocinar y avisar a los(as) mesesros(as) que un pedido está listo para servirlo a un cliente, asi como el tiempo que tomo en ser preparado dicho pedido.

---

HTML y CSS

• HTML semántico
• CSS flexbox
• Sass
• Maquetación

Frontend Development

• Componentes
• Manejo del estado

PWA

• Concepto
• Utilidad
• Que es Workbox
• Qué es un serviceWorker

React

• JSX
• Componentes class y componentes function
• props
• Manejo de eventos
• Listas y keys
• Renderizado condicional
• Levantamiento de estados
• hooks
• CSS modules
• React Router

Firebase

• Firestore
• Firebase security rules
• Observables

Testing

• Testeo de tus interfaces
• Testeo de componentes
• Testeo asíncrono
• Mocking

Colaboración en Github

• Branches
• Pull Requests
• Tags

Organización en Github

• Projects
• Issues
• Labels
• Milestones

Buenas prácticas de desarrollo

• Modularización
• Nomenclatura / Semántica
• Linting

---