Automatically recognizes user's location Weather app made with ReactJS

Automatically recognizes user's location Weather app made with ReactJS

Weather app made with ReactJS. Automatically recognizes user's location, based on browser's settings or IP.

  • Currently looking for a front-end internship. Please contact [email protected] Thanks. :)

Weather application

Weather app made with ReactJS. Automatically recognizes user's location, based on browser's settings or IP. Weather can be searched both by location on the map or entering city in the search bar.

Version

  • 1.3.0

Demo

Usage:

$ git clone [email protected]:ArunasNorvaisa/react-weather-app.git
$ cd react-weather-app
$ npm install -d
$ touch .env
$ touch ./proxy/env.json
  • Get the API keys from Google and Dark Sky.
  • Update .env file in the project root (that was created at the previous step) directory with the following content:

REACT_APP_API_KEY_GL = INSERT_YOUR_GOOGLE_API_KEY
REACT_APP_API_KEY_DS = INSERT_YOUR_DARKSKY_API_KEY

  • Update ./proxy/env.json file with the following content:
{
  "DARKSKY_API_KEY": "INSERT_YOUR_DARKSKY_API_KEY"
}
  • Update ./proxy/.htaccess file to reflect your referring domain
$ npm build
  • Open /build/index.html in your browser and, if everything works as intended,
  • Upload contents of BUILD folder to your hosting provider.

Support:

Disclaimer

Information displayed in this web application cannot be used for commercial purposes. Weather info is powered by Dark Sky.

Github Repository