Criar um app que consuma o JSON exposto pela API de busca e apresente as informações em uma listagem sendo requisito mínimo do desafio.
Criar um site moderno, com uma boa usabilidade que consuma o JSON exposto pela API de busca da Hurb.
| Tela Inicial |
|---|
| Header: Menu com a logo a opção de página inicial, busca por hoteís, busca por pacotes e busca por atividades. |
| Form: Parte de formulário do site onde o usuário pode digitar diretamente o local que deseja realizar a pesquisa. |
| Footer: Espaço que mostra o local de onde é a imagem do background, posssibilitando o usuário a pesquisar de forma prática. |
| Hotéis |
|---|
| Opção de busca por hotéis. |
| Pacotes |
|---|
| Opção de busca por pacotes. |
| Atividades |
|---|
| Opção de busca por atividades. |
| Tela da Página de Hotéis - Default |
|---|
| Header: Menu com a logo a opção de página inicial, busca por hoteís, busca por pacotes e busca por atividades. |
| Form: Parte de formulário do site onde o usuário pode digitar diretamente o local que deseja realizar a pesquisa. |
| Tela da Página de Pacotes - Default |
|---|
| Header: Menu com a logo a opção de página inicial, busca por hoteís, busca por pacotes e busca por atividades. |
| Form: Parte de formulário do site onde o usuário pode digitar diretamente o local que deseja realizar a pesquisa. |
| Tela da Página de Atividades - Default |
|---|
| Header: Menu com a logo a opção de página inicial, busca por hoteís, busca por pacotes e busca por atividades. |
| Form: Parte de formulário do site onde o usuário pode digitar diretamente o local que deseja realizar a pesquisa. |
| Hóteis |
|---|
| Opção de busca por hotéis dentro da página de hoteís. |
| Ordenação |
|---|
| Mostra o número de hóteis/pacotes ordenados por relevância, menor preço e maior preço |
| Limitação |
|---|
| Mostra o número de hóteis/pacotes limitados por preço. |
| Limitação |
|---|
| Mostra o número de hóteis/pacotes limitados por estrelas. |
| Card do Hotel |
|---|
| Mostra a foto, o nome, a localização, o número de estrelas, o valor da diária, tags e botão de visualizar o hotel. |
| Card do Pacote |
|---|
| Mostra a foto, o nome, descrição, a localização, o valor, tags e botão de visualizar o pacote. |
| Card da Atividade |
|---|
| Mostra a foto, o nome, descrição, a localização, o valor, tags e botão de visualizar a atividade. |
| Página Não Encontrada |
|---|
| Caso o usuário digite algum caminho que não existe na barra de endereço, ele será direcionado a uma página de erro 404, e nela terá como voltar para a págia inicial. |
| Busca Não Encontrada |
|---|
| Caso o usuário digite algum tipo de busca que não existe para a localidade desejada, será mostrada um aviso com uma imagem. |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent