Demonstração: https://rblima0.github.io/projeto-neighborhood-map
Desenvolvimento de aplicativo de página única apresentando um mapa de um bairro e adicionado recursos a esse mapa, incluindo locais em destaque, dados de terceiros sobre esses locais e formas de navegar pelo conteúdo.
Usado a API de terceiros que fornecem conjuntos de dados valiosos para aumentar a qualidade do aplicativo.
O projeto ajuda a entender padrões de design e bibliotecas/frameworks de UI, ajuda no desenvolvimento de uma base de código gerenciável e detalhes de como as estruturas podem reduzir o tempo necessário para o desenvolvimento de um aplicativo e oferecer inúmeras outras utilidades.
O projeto é integrado com a API do Google Maps para trazer marcadores de localizações importantes para o autor do projeto, integração com a API do Foursquare para apresentar informações de cada local como endereço completo, imagem do local, avaliações e informações para ir até o local.
Menu lateral para filtrar as localizações e uma lista com as localizações, todos os componentes da aplicação renderizam na tela de maneira responsiva e são utilizáves em navegadores de desktops modernos, tablets e celulares.
- Faça o Download do projeto
- Instale as dependencias do projeto com
npm install
- Rode o projeto com
npm start
.
- Documentação do React.
- Documentação do React Google Maps.
- Documentação do Foursquare.
- Icones do Flaticon.
Fique a vontade para baixar e alterar o projeto como desejar