Desenvolvimento web

Tastin’: busca de restaurantes usando React e Google API

Montagem com o nome e logomarca fictícia do projeto de busca de restaurantes em React
Projeto desenvolvido em React utilizou APIs do Google Maps e Google Places

Neste mês finalizei 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.

O projeto se junta a outros como a lista de tarefas utilizando React e Redux, o arquivo de projetos acadêmicos em Angular e o website da Associação Brasileira de Ex-Bolsistas Gaimusho Kenshusei.

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.

Screenshot do projeto de busca de restaurantes Tastin', desenvolvido em React
Screenshot do projeto de busca de restaurantes Tastin’

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.

Tags: , , , , , , , ,

Deixe um comentário

O seu endereço de e-mail não será publicado.

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.