abettermap / react-weather-app

A React Web App that utilizes the OpenWeatherMap API to return current and 5 day foretasted weather for a given location.

###React Weather Application

###Live Demo

---

Simple React web application written with jsx that returns the current weather. The app utilizes:

• OpenWeatherMap's API.
• Webpack for bundling
• React Router
• Axios for easy http requests
• Express for a simple server to run our application
• Foundation for styling
• Sass Loader & node-sass

---

###HACKTOBERFEST!

Want to contribute? Here's how:

1. First fork and star the project.
2. Run npm install to install all needed dependencies.
3. Navigate to OpenWeatherMap's and get a free API key. Then, create a file name .env in the project root and add the following line: API_KEY=yourkeyhere. This will give you access to API_KEY as a global variable anywhere in the client. It allows you to use your API Key while keeping it secret from everyone else.
4. Get a key to access Google Places API and replace API_KEY in index.html with access key you got from google.
5. If you don't have webpack installed on your machine, run npm install webpack -g.
6. Open up two command prompts. In one, run webpack -w. This lets webpack watch for changes to your files. After any saved changes, webpack automatically runs and updates your bundle.js file.
7. In the other command prompt run npm start or node server.js. These commands do the same thing: Starting your server to host the web app.
8. Navigate to localhost:3000 to see the app in action
9. Browse the open issues, join the discussion, and push your code. All accepted Pull Requests will have their names added as contributors to the project. Thanks for all your help!