O desafio é criar uma página similar a do Airbnb através do consumo da API de quartos, usando Javascript Vanilla e Flexbox para organizá-los em cards na tela, a partir deste banco de dados aqui.
Tela com cards contendo:
- Imagem
- Tipo de propriedade
- Preço
(Nesse sentido, não será exigência, mas sim caso vocês conseguirem fazer os resultados experados acima vocês podem seguir com esses itens abaixo)
Pensando em uma melhor experiência, você ainda pode adicionar outras funcionalidades. Aqui vão alguns exemplos:
- Limite de itens por página - Paginar o resultado da API para que limite o número de items por página para não sobrecarregar o navegador, aumentando assim a performance do site para os usuários;
- Filtro de localização - criar um filtro que exiba apenas os locais baseados na localização que o usuário configurar na busca - vocês precisarão criar uma nova base de dados com localização, desafiem-se!
- API do Google Maps - Utilizando a API do Google Maps, é possível incluir pins onde o imóvel fica localizado no mapa, deixando assim bem mais fácil a visualização geográfica;
- Valor total da estadia - a partir do input de check-in e check-out de usuários, o sistema pode calcular o número de estadias e mostrar uma prévia do valor total de hospedagem.
Explore sua criatividade :) - não esperamos uma tela cópia do Airbnb, ok? Mas quanto mais próximo você chegar, mais desafiador fica de construir em cima e fazer algo unicamente seu!
Lembre-se de trocar ideias, processos e resultados com outras pessoas participantes do programa. A atividade é individual, mas aproveite as maravilhas de ter um grupo para enriquecer seu conhecimento e entregas <3
Suba o repositório no GitHub e sugerimos o Netlify para hospedagem.