BernardYuan / search-interesting-place

Website is deployed at here:

Features

• When user searches
  • place addresses are highlighted in map
  • place information are displayed in list
• When user clicks the marker, the name of the place is displayed in an info box
• When user clicks the list panel, the address is centered in map and the info box is poped up
• When user clicks the star in the list panel, this place is saved as a favorite place. User could check it in FAVORITES page.
• When user clicks the star again, the favorite status is cancelled.
• When user clicks the menu in the top left, user could see the source code.

Technical highlight

In this app, I used vue as my front end framework, vuex as a store, vue-router as a front end router, vuetify as my style framework, vue2-google-maps as my tool to leverage google-maps in vue and webpack/webpack-dev-server as my compiler.

Usage

Go to the website. Viola~