Inspiration

We like to travel, like to go to different cities and places. the google map has become our best friend when we in a strange city, however, some popular city has thousands of reviews by the user. we do not have time to read all the reviews. so we decide to decide to design a project that when users click on the place of the map, it shows up the keyword of that place in word cloud style.

What it does

This a website project that is able to fetch the data of place the user wants to know about, and then generate the keyword to the user in word cloud style. the user is also able to design own word cloud in the second part of the web, the user can type in the text area, or speak, the word cloud will update dynamically.

How I built it

We used React as front-end framework, import the google map, when using clicker on map, it will return latitude and longitude, we use that info along with geocoder, in order to get the place id, and then we use place id to sent request to google map for the detail of that place, and then we extract the keyword to produce the word cloud.

Challenges I ran into

First, we all are back-end programmer with little knowledge of JavaScript, so it very challenge for us to use React, most of the time we spend is on the error by the very small mistake. Second, Google map is easy to import but very hard to add function, because google map does not support get place detail directly, it takes me about a half day to figure out how to get the place detail by using longitude and latitude.

Accomplishments that I'm proud of

We design a nice website page, with the things we have not done before. first time use google map API, first-time use speech to text API.

What I learned

we improve the problem-solving skill, only two days, we have faced so many challenges We get more familiar with React and google map API and able to design a website by own

What's next for word cloud review

support more browser such as safari, and we decide to improve our keyword extract algorithm, adding review function on our website. instead of only depend on Google's data. add more pattern to the word cloud

Share this project:

Updates