Demo

Visite o Site

Hurb Web Site

Desafio Original

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.

Meu Desafio

Criar um site moderno, com uma boa usabilidade que consuma o JSON exposto pela API de busca da Hurb.

Lista de Elementos do Site

Tela Inicial
Header: Menu com a logo a opção de página inicial, busca por hoteís e busca por pacotes.
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.

Tela de Hoteís/Pacotes
Header: Menu com a logo a opção de página inicial, busca por hoteís e busca por pacotes.
Form: Parte de formulário do site onde o usuário pode digitar diretamente o local que deseja realizar a pesquisa.
Quantidade de Hoteís: Mostra o número de hóteis/pacotes que retornam da busca

| 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 Hotél: 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|

Desenvolvimento no Servidor

Para rodar esse projeto na sua maquina, após clonar o repositório, digite ng serve e navegue para o link http://localhost:4200/. Pode digitar ng serve --open e a aplicação abre automaticamente. A aplicação faz o reload automático a cada mudança realizada no código.

Criar um componente

Digite ng generate component [nome do componente] para criar um novo componente.

Criar o projeto

Executar e construir para construir o projeto digite ng build. Os artefatos de construção serão armazenados no diretório dist/. Use a flag --prod para uma construção de produção.

Testes de unidade em execução

Execute ng test para executar os testes unitários via Karma.

Executar os testes de ponta a ponta

Execute ng e2e para executar os testes de ponta a ponta através do Protractor.

Mais ajuda

Para obter mais ajuda sobre a CLI Angular use a ajuda da CLI ou vá verificar o README da CLI Angular.