Google Weather App Prototype

Fetching forecasts for defined cities and superimposing data into google maps api.

Map of British Columbia and the selected cities (Dease Lake,Fort Nelson,Terrace,Prince George, Whistler,Revelstoke,Creston). Icons are based on the forecast and includes the current temperature. When clicking a marker, a popup representing additional forecast details will appear.

Built using:

• HTML & CSS
• React.js
• Redux & Redux Saga

Usage

Note: You must have a google API key and a openWeather API key to use this.

Create a config.json file in ./src and add your api keys like so:

{
    "googleApi": "API KEY HERE",
    "openWeatherApi": "API KEY HERE"
}

Install the dependencies and start the server.

npm install
npm run start

Test

npm run test