Article image
Matheus Misumoto
Matheus Misumoto05/05/2022 01:35
Compartilhe

Tastin’: busca de restaurantes usando React e Google API

  • #React

O projeto Tastin’ é uma aplicação de busca de restaurantes próximos usando a biblioteca React e as APIs do Google Maps e do Google Places. No site é possível procurar restaurantes em um alcance de cerca de 500 metros com base na localização do usuário ou arrastando o mapa para a área desejada para busca.

Além da lista padrão dos restaurantes nas proximidades, é possível fazer uma busca por tipo ou nome do estabelecimento. Ao clicar em um item da lista, o usuário pode checar mais informações, como telefone para contato e se o local se encontra aberto no momento.

O projeto foi desenvolvido durante os estudos da biblioteca no bootcamp da plataforma Digital Innovation One. O desenvolvimento também inclui o uso de lotties e skeletons enquanto os dados são carregados e do conceito de Portal.

Como extra, adaptei o código para evitar alertas em versões mais recentes do React, fiz algumas trocas de pacotes para melhor adaptação ao projeto, e adicionei alguns recursos ao mapa para melhor experiência do usuário.

Outro desafio foi a correção e melhoria do layout usando styled-components, principalmente para recursos oriundos de pacotes. A criação de nome, logo e a utilização de uma paleta de cores direcionada à temática de alimentação também fizeram parte das tarefas adicionais.

O Tastin’ está hospedado no Heroku, e o código-fonte com o código-fonte do projeto está disponível no meu GitHub.

Compartilhe
Comentários (1)
William Silva
William Silva - 05/05/2022 17:05

Meus parabéns, ótimo projeto e boa ideia!