“O tempo que leva para realizar seus sonhos vai passar de qualquer forma”!
Sobre o desafio | Entrega | Licença
Nesse desafio, eu desenvolvi mais uma aplicação, a GoRestaurant. Onde apliquei todo conhecimento que adquiri no curso até a etapa deste desafio
Essa será uma aplicação que irá se conectar a uma fake API, e exibir os pratos de comida criados e permitir a criação, remoção e atualização desses pratos.
Antes de tudo, para que você tenha os dados para exibir em tela, criei um arquivo que você poderá utilizar como fake API para te prover esses dados.
Para isso, deixamos instalado no seu package.json uma dependência chamada json-server
, e um arquivo chamado server.json
que contém os dados para uma rota /foods
. Para executar esse servidor você pode executar o seguinte comando:
yarn json-server server.json -p 3333
Essa aplicação possui um layout que você pode seguir para conseguir visualizar o seu funcionamento.
O layout pode ser acessado através da página do Figma, no seguinte link.
-
Listar os pratos de comida da sua API
: Sua páginaDashboard
deve ser capaz de exibir uma listagem, com o campotitle
,value
, edescription
eavailable
de todos os pratos de comida que estão cadastrados na sua API. -
Adicionar novos pratos de comida a sua API
: Em sua página Dashboard você deve abrir um modal ao clicar no botãoNovo Prato
no Header. Esse modal deve ser responsável por cadastrar uma novafood
passando os camposimage
,name
,description
,value
. -
Editar pratos de comida da sua API
: Em sua página Dashboard você deve abrir um modal ao clicar no botãoEditar Prato
. Esse modal deve ser responsável por editar umafood
passando os camposimage
,name
,description
,value
. -
Remover pratos de comida da sua API
: Em sua página Dashboard você deve remover um prato de comida ao clicar no botão com ícone de lixeira no componente Food. -
Alterar disponibilidade dos pratos de comida da sua API
: Em sua página Dashboard você deve alterar a disponibilidade de um prato de comida ao clicar no switch que é controlado pelo valor deavailable
.
Em cada teste, tem uma breve descrição no que sua aplicação deve cumprir para que o teste passe.
Para esse desafio, temos os seguintes testes:
should be able to list all the food plates from your api
: Para que esse teste passe, sua aplicação deve permitir que sejam listados, toda os pratos de comidas que são retornadas da sua fake API.
-
should be able to add a new food plate
: Para que esse teste passe, você deve permitir que um prato de comida seja adicionado a sua api, adicionando-o também à listagem. -
should be able to edit a food plate
: Para que esse teste passe, você deve permitir que um prato de comida seja editado na sua api, editando-o também na listagem. -
should be able to remove a food plate
: Para que esse teste passe, você deve permitir que um prato de comida seja removido da sua api, removendo-o também da listagem. -
should be able to update the availibility of a food plate
: Para que esse teste passe, em sua dashboard você deve permitir que o status do prato de comida seja alterado entreDisponível
eIndisponível
;
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.