A rede de restaurantes Coco Bambu possui um cardápio tão extenso que a equipe de cada unidade não tem conhecimento profundo sobre todos os itens. Assim, a concepção desse projeto foi elaborar um site que seria acessado na cozinha para que as receitas pudessem ser consultadas e atualizadas com facilidade.
Lembre-se: o site deve ser responsivo para funcionar em tablets (a partir de 768px de largura) e desktops.
O sistema deve possuir um tela de login (arquivo 0 - Gestão-cozinha.jpg
) que deve validar se o username e senha estão corretos.
A validação pode ser feita diretamente no front-end para um par determinado de username e senha (ex.: testeusername / testesenha).
Após o login, o usuário deve ser direcionado para a tela de lista de receitas (arquivo 1 - Gestão-cozinha.jpg
). Observe que essa tela inicialmente foi concebida para que cada receita gerasse diversos pedidos, mas, por simplicidade, essa tela deve apenas listar as receitas.
Portanto, as informações relativas ao pedido não precisam ser exibidas (ex.: a mensagem “Prato Finalizado“ e a bolinha cinza indicando o horário no qual o pedido foi feito). A barra de busca por texto, localizada no cabeçalho, deve filtrar as receitas em memória.
Após clicar em “Ver receita“, o usuário deve ser direcionado para a página de detalhes da receita (arquivo 2 - Gestão-cozinha1.jpg
).
Por simplicidade, essa página precisa apenas listar todos os ingredientes e passos da preparação em caixas de seleção. Enquanto existir algum ingrediente ou passo da preparação desmarcado, o botão do final da página deve estar desabilitado.
Após tudo ser marcado, o estado deve ser o do arquivo 3 - Gestão-cozinha1.jpg
. Ao clicar no botão “Finalizar“, o sistema deve exibir uma janela modal com uma mensagem genérica de prato finalizado (arquivo 3 - Gestão-cozinha2.jpg
).
A API deve ser desenvolvida em Node.js e deve ser a fonte de dados de receita da aplicação. Não é obrigatório que estejam armazenados em um banco de dados, mas isso seria um bônus interessante.
O código deve ser disponibilizado em um repositório do GitHub, Bitbucket ou similar, e deve conter um arquivo do tipo README para nos instruir como executar seu projeto em nosso ambiente.
Caso algo não esteja claro, fique à vontade para fazer perguntas.
- Fazer 1 request, no lugar de 2 para acessar a receita
- Adicionar Arquivo de Strings para facilitar tradução
- Melhor consistência entre inglês/português
- Adicionar docker-compose pra executar testes
- Adicionar docker-compose de produção
- Lidar melhor em caso de erros
- Alguma forma mais fácil de adicionar receitas, do que converter pra Json?
- Adicionar collection(mongoDB) para a execução das receitas
- Adicionar navbar
- Adicionar funcionalidade de criar conta
- Remover user/password de arquivo e mover para o banco
- Arrumar css da página de receitas
- Indexar as fotos das receitas no mongo, pra aparecer junto
- Melhorar os nomes dos arquivos
- docker e docker-compose instalados
- criar 1 arquivo .env de acordo com o .env.example
- chmod +x no arquivo
mongo-seed/import.sh
docker-compose up
para subir os serviços