search

bernardodiasc / x-world-map

http://x-world-map.com
0 stars 2 forks source link
javascript map maps reactjs

readme

X-World-Map

World map to display people, events, travels and more.

Getting Started

First make copy of .env.example in the root of this project and use the name .env.local.

Then add the keys:

X-World-Map API

NEXT_PUBLIC_API_URL=http://localhost:1337

The URL refers to the setup https://github.com/bernardodiasc/x-world-map-api

Google Maps API

NEXT_PUBLIC_GMAPS_API_KEY

The Google Maps API key is required to appropriatedly load the map. In order to get the key you must create a new project at Google Cloud, then activate the Maps Javascript API and Geocoding API for this new project. It will require to add Billing details, but no worries, for development purposes it should stay below the charged range.

Development

Install dependencies:

yarn install

Run the app:

Make sure you have the x-world-map-api running also

yarn develop

Design System

yarn storybook