Geo Location Mapper

Extract addresses from any text and map them (Japanese only).

Tech stack

• Frontend

  • React
  • SWR
  • graphql-react
  • GraphQL Code Generator

• Backend

  • PyGeoNLP

  

How to deploy

• Create Google map api key
  https://developers.google.com/maps/documentation/javascript/get-api-key

• Deploy backend stack using aws cdk cdk deploy BackendStack

• Check AppSync ID and api key

  • ID
    aws appsync list-graphql-apis | jq '.graphqlApis[] | select(.name == "GeoMapperApi") | .apiId'
  • api key
    aws appsync list-api-keys --api-id ISSUED_API_ID | jq '.apiKeys[].id'

• Create .env file on frontend directory

REACT_APP_GOOGLE_MAP_API_KEY=YOUR_GOOGLE_MAP_API_KEY
REACT_APP_AWS_REGION=YOUR_REACT_APP_AWS_REGION
REACT_APP_APPSYNC_API_ID=ISSUED_API_ID
REACT_APP_APPSYNC_API_KEY=ISSUED_API_KEY

• Build frontend cd frontend
npm run build

• Deploy frontend stack
  cdk deploy FrontendStack