Home - YinglunYin/traveljournals-client GitHub Wiki

Project Name

Travel Journal

Link: https://traveljournals-client.herokuapp.com/

Project Description

Travel Journals is a platform for people to create and share their travel journals.

Github:

Deployment:

Tech stack:

Frontend:

  • react
  • react-dom
  • react-redux
  • react-router-dom
  • react-scripts
  • bootstrap
  • react-google-maps/api
  • braft-editor

Backend:

  • express
  • express-session
  • mongoDB
  • mongoose

API description:

  1. Google Map Place API:
  • Place Search returns a list of places based on a user's location or search string.
  1. react-google-maps-api
  • a set of React components wrapping the underlying Google Maps JavaScript API v3 instances.

Search Demo

  1. On the left of home page there is a search box
  2. Input some text and click search button, the result will be listed under the search box
  3. Click one of the list items, the place will be shown on the map, and details will be list on the right of the screen.