This project was bootstrapped with Create React App.
Rain Drops is React App that uses OpenWeatherMap weather API to show current weather and 5 day forecasts. For state management uses React Easy State and leaflet is used as a map.
Live demo can be found here.
Results are split in two groups: current and forecast.
Descibes current weather measured in the last 30-60 minutes. Shows exact time of measurement and short weather description.
Forecast is similar to a calendar, but with weather and on a day level. Shows basic weather info for several days.
For each day there are 8 potential forecasts (or less, depending on what time is it in the time of query). In total there are 40 forecasts and they are for 5 or 6 days.
Clicking on a legend will highlight all forecasts measurements with that type of weather.
Clicking on a forecast measurement will show additional weather information (weather type, humidity, pressure, rain and wind).
Starting the app:
npm install
npm start
You'll need API key for OpenWeatherMap and you can get one for free here. Register API key as REACT_APP_OPENWEATHER_KEY.
For more info on build, deployment, passing environement variables and testing please visit Create React App.