nicoletsingas / burguercooked Goto Github PK

[História de usuário 2]

• Garçom/Garçonete deve ser capaz de anotar o pedido do cliente
• Eu como garçom/garçonete quero poder anotar o pedido de um cliente para não depender da minha memória, saber quanto cobrar e poder enviar os pedidos para a cozinha para serem preparados em ordem.

Critérios de aceitação
O que deve acontecer para satisfazer as necessidades do usuário?

• Anotar o nome do cliente.
• Adicionar produtos aos pedidos.
• Excluir produtos.
• Ver resumo e o total da compra.
• Enviar o pedido para a cozinha (guardar em algum banco de dados).
• Funcionar bem em um tablet.

Definição de pronto
O acordado abaixo deve acontecer para dizer que a história está terminada:

• Você deve ter recebido code review de pelo menos uma parceira.
• Fez testes unitários e, além disso, testou seu produto manualmente.
• Você fez testes de usabilidade e incorporou o feedback do usuário.
• Você deu deploy de seu aplicativo e marcou sua versão (tag git).

https://www.youtube.com/watch?v=tPOMG0D57S0&list=PLGxZ4Rq3BOBoSRcKWEdQACbUCNWLczg2G - Curso Angular
https://metal-flea-041.notion.site/LIVE-Criando-Projeto-Angular-c83eefb9f4834a3295399b6d6d7d332b Criando um projeto em angular
https://www.npmjs.com/package/@angular/cli install angular
https://jestjs.io/docs/getting-started - jest
https://eslint.org/docs/latest/use/getting-started - eslint
https://www.youtube.com/watch?v=lCemyQeSCV8 TypeScript em 1hora
https://www.youtube.com/watch?v=juTvtFMyKck angular POO
https://www.youtube.com/watch?v=TSQxYh0doDo figma interativo
https://github.com/angular-eslint/angular-eslint eslint angular
https://www.youtube.com/watch?v=WFm6z7aJRkc&t=125s - angular login
https://www.devmedia.com.br/angular-http-como-realizar-requisicoes-em-suas-aplicacoes/40642 - angular HTTP
https://www.devmedia.com.br/angular-forms-uma-visao-geral-e-como-implementar-no-seu-projeto/40702 - angular forms
https://www.devmedia.com.br/angular-interacao-entre-componentes/40755 interação com componentes angular
https://www.devmedia.com.br/angular-filter-e-pipes/40798 angular filter
https://medium.com/@ryanchenkie_40935/angular-authentication-using-route-guards-bf7a4ca13ae3 authGuard

• Responsividade menu.component
• Responsividade order.component

• Criar componente da cozinha
• Estilizar componente
• Receber os pedidos no componente
• Filtrar entre pedidos pendentes
• Pedidos prontos
• Adicionar tempo de conclusão do pedido

• Fazer o fork e clone da mock API
• Criar usuario e senha para testar login
• Criar a função que chama api no angular
• fazer teste de login

Criar prototipo mobile first no figma:

• Tela de bem-vindo
• tela de login
• tela de acesso cardapio e contabilizar total do pedido
• tela de acesso a cozinha
• Criar prototipo interativo entre as páginas

Criar prototipo desktop no figma:

• Tela de bem-vindo
• tela de login
• tela de acesso cardapio e contabilizar total do pedido
• tela de acesso a cozinha
• Criar prototipo interativo entre as páginas

• Criar componente
• Criar elementos html do componente
• Criar funcionalidade de mostrar/esconder com click
• Estilizar o componente
• replicar os produtos selecionados
• fazer calculo do total da conta

• Criar README
• Repassar o projeto, refatorar codigo, remover comentarios
• Deploy do projeto

Continuar o curso sobre Angular e TypeScript

• Atualizar as imagens dos produtos na mock API
• Cadastrar o restante dos produtos na mock API
• Renderizar as imagens na tela
• Renderizar na tela os produtos conforme o cardápio

[Historia de usuario 1]

• Garçom/Garçonete deve poder entrar no sistema, caso o admin já lhe tenha dado as credenciais
• Eu, como garçom/garçonete quero entrar no sistema de pedidos.

Critérios de aceitação
O que deve acontecer para satisfazer as necessidades do usuário?

• Acessar uma tela de login.
• Inserir email e senha.
• Receber mensagens de erros compreensíveis, conforme o erro e as informações inseridas.
• Entrar no sistema de pedidos caso as credenciais forem corretas.

Definição de pronto
O acordado abaixo deve acontecer para dizer que a história está terminada:

• Você deve ter recebido code review de pelo menos uma parceira.
• Fez testes unitários e, além disso, testou seu produto manualmente.
• Você fez testes de usabilidade e incorporou o feedback do usuário.
• Você deu deploy de seu aplicativo e marcou sua versão (tag git).

[História de usuário 2]

• Garçom/Garçonete deve ser capaz de anotar o pedido do cliente
• Eu como garçom/garçonete quero poder anotar o pedido de um cliente para não depender da minha memória, saber quanto cobrar e poder enviar os pedidos para a cozinha para serem preparados em ordem.

Critérios de aceitação
O que deve acontecer para satisfazer as necessidades do usuário?

• Anotar o nome do cliente.
• Adicionar produtos aos pedidos.
• Excluir produtos.
• Ver resumo e o total da compra.
• Enviar o pedido para a cozinha (guardar em algum banco de dados).
• Funcionar bem em um tablet.

Definição de pronto
O acordado abaixo deve acontecer para dizer que a história está terminada:

• Você deve ter recebido code review de pelo menos uma parceira.
• Fez testes unitários e, além disso, testou seu produto manualmente.
• Você fez testes de usabilidade e incorporou o feedback do usuário.
• Você deu deploy de seu aplicativo e marcou sua versão (tag git).

[História de usuário 3]

• Chefe de cozinha deve ver os pedidos
• Eu como chefe de cozinha quero ver os pedidos dos clientes em ordem, poder marcar que estão prontos e poder notificar os garçons/garçonetes que o pedido está pronto para ser entregue ao cliente.

Critérios de aceitação

• Ver os pedidos ordenados à medida em que são feitos.
• Marcar os pedidos que foram preparados e estão prontos para serem servidos.
• Ver o tempo que levou para preparar o pedido desde que chegou, até ser marcado como concluído.

Definição de pronto

• Você deve ter recebido code review de pelo menos uma parceira.
• Fez testes unitários e, além disso, testou seu produto manualmente.
• Você fez testes de usabilidade e incorporou o feedback do usuário.
• Você deu deploy de seu aplicativo e marcou sua versão (tag git).

[Historia de usuário 4]

• Garçom/Garçonete deve ver os pedidos prontos para servir
• Eu como garçom/garçonete quero ver os pedidos que estão prontos para entregá-los rapidamente aos clientes.

Critérios de aceitação

• Ver a lista de pedidos prontos para servir.
• Marcar os pedidos que foram entregues.

Definição de pronto

• Você deve ter recebido code review de pelo menos uma parceira.
• Fez testes unitários e, além disso, testou seu produto manualmente.
• Você fez testes de usabilidade e incorporou o feedback do usuário.
• Você deu deploy de seu aplicativo e marcou sua versão (tag git).
• Os dados devem ser mantidos intactos, mesmo depois que um pedido for finalizado. Tudo isso para poder ter estatísticas no futuro.

[Historia de usuário 5]

• Administrador(a) de loja deve administrar seus funcionários
• Eu como administrador(a) de loja quero gerenciar os usuários da plataforma para manter atualizado as informações de meus funcionários.

Critérios de aceitação

• Ver lista de funcionários.
• Adicionar funcionários.
• Excluir funcionários.
• Atualizar dados dos funcionários.

Definição de pronto

• Você deve ter recebido code review de pelo menos uma parceira.
• Fez testes unitários e, além disso, testou seu produto manualmente.
• Você fez testes de usabilidade e incorporou o feedback do usuário.
• Você deu deploy de seu aplicativo e marcou sua versão (tag git).

[História de usuário 6]

• Administrador(a) de loja deve administrar os produtos
• Eu como administrador(a) de loja quero gerenciar os produtos para manter atualizado o menu.

Critérios de aceitação

• Ver lista de produtos.
• Adicionar produtos.
• Excluir produtos.
• Atualizar dados de produtos.

Definição de pronto

• Você deve ter recebido code review de pelo menos uma parceira.
• Fez testes unitários e, além disso, testou seu produto manualmente.
• Você fez testes de usabilidade e incorporou o feedback do usuário.
• Você deu deploy de seu aplicativo e marcou sua versão (tag git).

• Fazer o header condicional conforme o usuario autenticado, mudar icones do header.

• Contagem ao aumentar quantidade do produto
• Contagem ao diminuir quantidade do produto
• Não permitir numeros negativos

• Criar prototipo da tela do admin no figma, responsivo

[Historia de usuário 5]

• Administrador(a) de loja deve administrar seus funcionários
• Eu como administrador(a) de loja quero gerenciar os usuários da plataforma para manter atualizado as informações de meus funcionários.

Critérios de aceitação

• Ver lista de funcionários.
• Adicionar funcionários.
• Excluir funcionários.
• Atualizar dados dos funcionários.

Definição de pronto

• Você deve ter recebido code review de pelo menos uma parceira.
• Fez testes unitários e, além disso, testou seu produto manualmente.
• Você fez testes de usabilidade e incorporou o feedback do usuário.
• Você deu deploy de seu aplicativo e marcou sua versão (tag git).

[História de usuário 6]

• Administrador(a) de loja deve administrar os produtos
• Eu como administrador(a) de loja quero gerenciar os produtos para manter atualizado o menu.

Critérios de aceitação

• Ver lista de produtos.
• Adicionar produtos.
• Excluir produtos.
• Atualizar dados de produtos.

Definição de pronto

• Você deve ter recebido code review de pelo menos uma parceira.
• Fez testes unitários e, além disso, testou seu produto manualmente.
• Você fez testes de usabilidade e incorporou o feedback do usuário.
• Você deu deploy de seu aplicativo e marcou sua versão (tag git).

• Castrar nome da garçonete na API

[História de usuário 3]

• Chefe de cozinha deve ver os pedidos
• Eu como chefe de cozinha quero ver os pedidos dos clientes em ordem, poder marcar que estão prontos e poder notificar os garçons/garçonetes que o pedido está pronto para ser entregue ao cliente.

Critérios de aceitação

• Ver os pedidos ordenados à medida em que são feitos.
• Marcar os pedidos que foram preparados e estão prontos para serem servidos.
• Ver o tempo que levou para preparar o pedido desde que chegou, até ser marcado como concluído.

Definição de pronto

• Você deve ter recebido code review de pelo menos uma parceira.
• Fez testes unitários e, além disso, testou seu produto manualmente.
• Você fez testes de usabilidade e incorporou o feedback do usuário.
• Você deu deploy de seu aplicativo e marcou sua versão (tag git).

• Criar projeto no github

• Clonar meu repositorio do github na maquina

• npm install

• npm i @angular/cli

• npm install jest

• ng new nome do projeto

[Historia de usuário 4]

• Garçom/Garçonete deve ver os pedidos prontos para servir
• Eu como garçom/garçonete quero ver os pedidos que estão prontos para entregá-los rapidamente aos clientes.

Critérios de aceitação

• Ver a lista de pedidos prontos para servir.
• Marcar os pedidos que foram entregues.

Definição de pronto

• Você deve ter recebido code review de pelo menos uma parceira.
• Fez testes unitários e, além disso, testou seu produto manualmente.
• Você fez testes de usabilidade e incorporou o feedback do usuário.
• Você deu deploy de seu aplicativo e marcou sua versão (tag git).
• Os dados devem ser mantidos intactos, mesmo depois que um pedido for finalizado. Tudo isso para poder ter estatísticas no futuro.

• O objetivo principal é aprender a construir uma interface web usando o framework escolhido (React ou Angular). Esses framework front-end ataca o seguinte problema: como manter a interface e estado sincronizados. Portanto, esta experiência espera familiarizá-la com o conceito de estado da tela, e como cada mudança no estado vai refletir na interface (por exemplo, toda vez que adicionamos um produto para um pedido, a interface deve atualizar a lista de pedidos e o total).

Criar a tela de login, primeira tela do projeto com base na historia de usuario:

[Historia de usuario 1]

• Garçom/Garçonete deve poder entrar no sistema, caso o admin já lhe tenha dado as credenciais
• Eu, como garçom/garçonete quero entrar no sistema de pedidos.

Critérios de aceitação
O que deve acontecer para satisfazer as necessidades do usuário?

• Acessar uma tela de login.
• Inserir email e senha.
• Receber mensagens de erros compreensíveis, conforme o erro e as informações inseridas.
• Entrar no sistema de pedidos caso as credenciais forem corretas.

Definição de pronto
O acordado abaixo deve acontecer para dizer que a história está terminada:

• Você deve ter recebido code review de pelo menos uma parceira.
• Fez testes unitários e, além disso, testou seu produto manualmente.
• Você fez testes de usabilidade e incorporou o feedback do usuário.
• Você deu deploy de seu aplicativo e marcou sua versão (tag git).