Bright Sky is a Progressive Web App that displays current weather conditions, today's forecast, weather alerts, and a seven-day graphical forecast - all with support for multiple geographic locations.
The Bright Sky user interface is a mobile-first design optimized for phone screens in portrait orientation.
This app uses the following APIs:
If you want to build and run this app, you will first need to do the following:
- Register for each of these APIs and get an API Key.
- Set up a proxy for each of these APIs.
- Modify each URL in
src/config.tsto point to your proxy.
The reason you need a proxy is that these APIs all prevent cross-origin resource sharing (CORS). Therefore, the proxy has to set the CORS access-control-allow-origin response header, or you will get an error when the client side code tries to call the API. The proxy should also be configured to specify your API Key, so that the key isn't exposed by your client side code.
There are many ways to set up a proxy; since I use Amazon Web Services (AWS) for hosting, I found it convenient to create my proxies in the AWS API Gateway service.
The MIT License
Copyright 2020 Rand Scullard