###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:
- First
fork
andstar
the project. - Run
npm install
to install all needed dependencies. - 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. - Get a key to access Google Places API and replace
API_KEY
inindex.html
with access key you got from google. - If you don't have webpack installed on your machine, run
npm install webpack -g
. - 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 yourbundle.js
file. - In the other command prompt run
npm start
ornode server.js
. These commands do the same thing: Starting your server to host the web app. - Navigate to
localhost:3000
to see the app in action - 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!