Setting Up Super Hero Dashboard

Cloning the repository

Clone the repository available at https://github.com/coronasafe/superhero_frontend

git clone https://github.com/coronasafe/superhero_frontend.git

Setting up Google Maps API

In public/index.html find the following line

<script src="https://maps.googleapis.com/maps/api/js?key=KEY GOES HERE&libraries=places"></script>

Replace "KEY GOES HERE" with you google maps API KEY

In src/utils/constants.js

module.exports = {

  api_url: ""
  
};

set "api_url" to the base URL of the backend

In src/views/MapView.js find the following

<GoogleMapReact
                    bootstrapURLKeys={{
                      key: "" // KEY GOES HERE
                    }}
                    defaultCenter={{
                      lat: 10.1485476,
                      lng: 76.5007524
                    }}
                    defaultZoom={8}
                    center={this.state.center}
                    zoom={this.state.zoom}
                    options={{
                      styles: [

Set "key" to your Google Maps API Key

Go to root project folder and run

npm install && npm start

Last updated