Giter Site home page Giter Site logo

receitas's Introduction

Introdução

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.

Login

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).

Lista de Receitas

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.

Detalhes da Receita

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).

API

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.

Versionamento

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.

Conclusão

Caso algo não esteja claro, fique à vontade para fazer perguntas.

Pontos de Melhoria

  • 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

Pré-requisitos

  • docker e docker-compose instalados

Como rodar o código

  • 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

receitas's People

Contributors

lzpedro avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.