Skip to content

Latest commit

 

History

History
98 lines (65 loc) · 2.83 KB

README.md

File metadata and controls

98 lines (65 loc) · 2.83 KB

Burger Queen

Resumen del proyecto

Burger Queen es una aplicación que ofrece una alternativa en la forma de tomar pedidos en los restaurantes. Burger queen ofrece tomar nuevas ordenes, editarlas, borrarlas y almacenarlas permitiendo una actualización de la información en tiempo real entre cocina y meseros.

Demo

Puedes ingresar a la aplicación desde aqui

La aplicación esta diseñada para el uso en tablet, por lo que te sugerimos visualizarla en modo de dispositivo movil

Es necesario ingresar con un usuario y una contraseña, por lo que deberas utilizar los siguientes:
Correo: [email protected] o [email protected]
Contraseña: 123456

Sketch

Se identificaron y aterrizaron los elementos básicos que debería de llevar la app para posteriormente integrarlos en un prototipo de alta fidelidad.

Prototipo

Distribuimos los elementos propuestos en el sketch para optimizar la navegación y la experiencia de usuario, hicimos algunas modificaciones con base en el feedback recibido por coaches y compañeras.

prototype

Prototipo final

Image from Gyazo

Objetivos de aprendizaje

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

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