├── .gitignore ├── brewery-home.pdf ├── brewery-detail.pdf ├── ACCEPTANCE-CRITERIA.md └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /brewery-home.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chaordic/desafio-frontend/HEAD/brewery-home.pdf -------------------------------------------------------------------------------- /brewery-detail.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chaordic/desafio-frontend/HEAD/brewery-detail.pdf -------------------------------------------------------------------------------- /ACCEPTANCE-CRITERIA.md: -------------------------------------------------------------------------------- 1 | # Critérios de aceite 2 | 3 | ## Sobre 4 | Sua solução deve consumir dados da [Open Brewery DB](https://www.openbrewerydb.org/). 5 | 6 | A solução consiste em duas páginas: 7 | - Home, [brewery-home.pdf](brewery-home.pdf), que contem uma listagem de cervejarias. 8 | - Detalhes, [brewery-detail.pdf](brewery-detail.pdf), que exibe detalhes de uma cervejaria. 9 | 10 | ## Essenciais 11 | - [ ] Fidelidade do layout. 12 | - [ ] Responsividade, o layout está apenas na versão desktop, então sinta-se livre para tratar a versão mobile como achar melhor. 13 | - [ ] Componentes reutilizáveis. 14 | - [ ] Paginação para as 3 primeiras páginas apenas. 15 | - [ ] Filtro por `brewery_type`, deve ser persistido entre navegações, exceto quando houver reload da página. 16 | - [ ] Para o Google Maps deve abrir a localização com um "pin". 17 | - [ ] Acessibilidade, queremos ver um mínimo de acessibilidade. Navegação por teclado, semântica, etc... 18 | 19 | ## Desejáveis 20 | - [ ] Testes unitários 21 | - [ ] Performance 80+ no [Lighthouse](https://web.dev) 22 | - [ ] Acessibilidade 90+ no [Lighthouse](https://web.dev) 23 | 24 | ## Bônus 25 | - [ ] Testes end-to-end 26 | - [ ] Deploy da solução 27 | - [ ] Cobertura de testes 100% -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Front end @Linx 2 | 3 | Esse desafio é parte do processo de seleção para desenvolvedores front end que desejam trabalhar na [Linx](https://www.linx.com.br). Se você ainda não está participando do processo, pode se inscrever [aqui](https://linx.recruiterbox.com/jobs/fk0qa7e/). 4 | 5 | ## Sobre o desafio 6 | 7 | Esse desafio foi elaborado para avaliar suas habilidades como desenvolvedor. Não existem respostas certas ou erradas, existem critérios de aceite que serão avaliados, assim como a sua solução. 8 | 9 | ## O que será avaliado? 10 | 11 | - Atendimento aos critérios de aceite 12 | - A solução em si 13 | - Legibilidade do código 14 | - Simplicidade 15 | - Performance 16 | - A sua comunicação 17 | - Histórico de commits 18 | - Documentação 19 | 20 | ## O que e como entregar? 21 | 22 | - Faça um fork desse repositório. 23 | - Implemente o layout conforme os PDFs ([brewery-home](brewery-home.pdf) e [brewery-detail](brewery-detail.pdf)). 24 | - Siga os critérios de aceite descritos no [ACCEPTANCE-CRITERIA.md](ACCEPTANCE-CRITERIA.md). 25 | - Documente os passos necessários para podermos executar sua solução, queremos ver ela em ação. 26 | - Abra um PR com a sua solução. 27 | 28 | ## Considerações 29 | 30 | - Você pode usar a ferramenta que preferir para desenvolver sua solução. 31 | - Não temos um prazo estipulado para a solução desse desafio, mas acreditamos que você não deveria gastar mais do que 10 horas nele. É importante que você alinhe o prazo de entrega com seu contato na Linx. 32 | - Feito é melhor do que perfeito. Não gaste tempo demais tentando nos impressionar, foque nos critérios de aceite, se sobrar algum tempo, pode pensar em como incrementar a solução. Mas lembre-se, menos é mais. 33 | 34 | ## Perguntas, dúvidas, sugestões? 35 | 36 | Abra uma [issue](https://github.com/chaordic/desafio-frontend/issue/new) e nós vamos te ajudar. 37 | --------------------------------------------------------------------------------