Weather API React App

Live Demo

https://weather-api-react-app.netlify.app

Built using

• Create React App
• Weather API - https://www.weatherapi.com
• Google Maps API - https://developers.google.com/maps
• Netlify Serverless Functions - to prevent exposing the WEATHER_API_KEY

Setup

Create your own free API Keys here:

• Weather API
• Google Maps API

Clone this repo

Create a ".env" file in the project root and add both of your new API Keys

WEATHER_API_KEY=XXXXXXXXXXXXXXXXXXXXXXXXX
REACT_APP_GOOGLE_MAPS_API_KEY=XXXXXXXXXXXXXXXXXXXXXXXXX

Install packages and dependencies

npm install

Run the app

netlify dev