Skip to content

BrendaCarranco/CDMX009-BurgerQueen

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

CDMX009-BurgerQueen

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 76.3%
  • CSS 18.6%
  • HTML 5.1%