/carnaval-searcher

Carnaval Searcher - boracodar #7

Primary LanguageJavaScript

#7 Carnaval Searcher

Um site para encontrar um bloco de carnaval é o #7 desafio #BORACODAR da RocketSeat

Tecnologias   |    Projeto   |    Layout   |    Collaborators   |   


carnaval searcher project gif

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

  • HTML
  • CSS
  • JavaScript
  • React
  • Git e Github
  • Figma
  • React Leaflet

💻 Projeto

O projeto Carnaval Searcher foi realizado como parte do #7 desafio #BORACODAR da RocketSeat sugerido pelo professor Mayk Brito.

Funcionalidades

O desafio inicial foi a criação de um site para buscar blocos de carnaval como o modelo mostrado em Layout, após a confecção do modelo, adicionamos a funcionalidade de poder pesquisar pelo bloco e mostrar a localização dos blocos no mapa.

Página Inicial

Na Página Inicial, há a opção de pesquisar por nome do bloco ou região em que ele se encontra.

carnaval searcher first page project gif

Na caixa onde são mostrado os resultados da pesquisa, há um botão indicando a visualização por lista ou por mapa, caso selecionado mapa, será mostrado pins com a localização de cada bloco. Ao ser clicado, abre um popup com mais informações.

carnaval searcher map project gif

🔖 Layout

Você pode visualizar o layout proposto pela RocketSeat através do LINK. É necessário ter conta no Figma para acessá-lo.

📃 Collaborators

This challange was made by Julia and Ricardo