Este projeto tem como objetivo implementar um dos desafios aplicados pelo curso Hiring Coders da Gama Academy.
Para o desafio foi proposto criar uma página "similar" a do Airbnb. Nos foi insentivado a usarmos nossa criatividade, além de alguns outros critérios esperados e optativos. Bem como o consumo de uma API de quartos usando Javascript puro e o uso de Flexbox.
Na tela da página precisa ter cards contendo:
- Imagens
- Tipo de propriedade
- Preço
Outras features propostas porém não obrigatórias:
- Limite de itens por página: paginar o resultado da API para que limite o número de itens por página;
- Filtro de localização: criar um filtro que exiba apenas os locais baseados na localização que o usuário configurar na busca (necessário criar uma nova base de dados com localização);
- API do Google Maps: incluir pins onde o imóvel fica localizado no mapa;
- Valor total da estadia: calcular o número de estadias e mostrar uma prévia do valor total de hospedagem a partir de inputs de check-in e check-out.
1. A página do Airbnb que eu resolvi "clonar", foi essa:
Até o momento, uma prévia da página desenvolvida neste projeto:
Utilizei a base de dados de municípios brasileiros no formato JSON, possível de ser acessada aqui. Basicamente inseri alguns atributos aos itens originais fornecidos pela API do desafio. Foram inseridos aos itens os atributos nome
e geolocalizações com latitude
e longitude
para assim poder plotar os pontos de localizações fictícias no mapa.
Do you like this plugin? Come on: