Skip to content

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

Notifications You must be signed in to change notification settings

abettermap/React-Weather-App

 
 

Repository files navigation

###React Weather Application

###Live Demo


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


###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!

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 88.0%
  • CSS 8.8%
  • HTML 3.2%