Visando melhorar seu algoritmo de sugestão de lugares, o Wine Locals precisa conhecer o cardápio dos lugares (bares, restaurantes, lanchonetes, cafés, etc) exibidos no app. Para tanto, precisamos construir a seguinte funcionalidade:
-
Criar a tela de lista de lugares exibindo nome, quantidade de pratos , novo prato e visualizar o detalhe do lugar
-
Criar a tela de exibição do detalhe de lugares
-
Criar o formulário de cadastro de pratos com nome, descrição e preço
-
As telas devem ser responsivas a dispositivos desktop e mobile
-
Ao clicar no card do lugar, deve exibir o detalhe do lugar
-
Ao clicar no botão ( + ) na lista de lugares, deve exibir o formulário de cadastro do prato
-
Ao clicar no botão ( + ) no detalhe do lugar, deve exibir o formulário de cadastro do prato
-
O clicar no ícone < deve voltar pra tela anterior
- Realize o clone do projeto em um diretório de sua preferência
- Dentro do diretório, execute
yarnounpm install - Execute o script start.
yarn startounpm start - Seu navegador abra http://localhost:3000.
- Execute
yarn buildounpm run build - O build será gerado dentro da pasta dist
Projeto desenvolvido utilizado o create-react-app
- React v17
- React Router Dom v6
- StyledComponents
- Prettier
- EsLint Airbnb
Toda a interface foi desenvolvida focada no Mobile, tendo em seguida suas versões desktop criadas
Partindo pelo princípio que a aplicação hoje utiliza informações locais, os adapters permitem facilidade de implementação de outras formas para a execução dessas ações, por exemplo, com um fecth em uma API.
Com o intuito de deixar os componentes responsáveis somente pela UI, todas as ações que envolvem regras de negócio, são alocados em Services.
-
Tratar caso o usuário informe via rota um id inexistente
-
Testes da aplicação em dispositivos Apple (Safari)
-
Implementação de Testes (funcionais, integração e end-to-end)