[$300] Drone Series - React Map configuration variables and deploy to heroku steps

[kbowerma]

We have a pretty decent start with out Drone Service Provider App and we are ready to make a bunch of small fixes and enhancements before we start to add some new features. In the forum you will find the github repo to our front end. You will be happy to know that it is pre-configure to connect to our working backend. All you have to do is.

git clone ....
npm install
npm start

If you need to see the server code for reference I will provide that in the forums too.

And you should be ready to go.

Our front end was created with facebook's create-react-app scaffold tool which brags about having no build configuration. Guess what? We need some build configuration? We need two things from you.

1. We have some configuration items that are hardcoded like the google map api key in src/App.js as well as the api basepath and socket in src/config/index.js. We want these pulled out so we can run them from a .env file. This article might be useful to use the React-App namespace
2. Step by step instruction on how to deploy this to Heroku this article might be useful to deploy this to Heroku.

That being said if you just want to wrap this whole thing in express or some other alternative I am open to that suggestion. I am fairly new to React and especially create-react-app so I would like to hear your opinion.

[kbowerma]

Challenge created successfully
Challenge Url: https://www.topcoder.com/challenge-details/30055664/?type=develop&noncache=true