react-weather-display

React Weather Display

This React component provides a basic display of weather information, similar to something that you might see on a weather forecast.

Live Demo

View the live demo! Note that this demo uses pre-compiled code, so it's a little messy to examine.

Installation

npm install react-weather-display

Example Usage

You can run built-in demo example via few simple steps:

1. git clone https://github.com/KevinMellott91/react-weather-display.git
   
2. cd react-weather-display
   
3. npm install
   
4. npm run-script basic-example
   
5. Browse to http://localhost:3000

Component properties

• width (Integer) - the desired width of the component in pixels
• height (Integer) - the desired height of the component in pixels
• currentTemperature (Integer) - actual temperature detected for the location
• currentCondition (Enum) - actual current weather condition detected for the location
  • sunny, cloudy, rainy, stormy, snowy

Inspiration

The weather condition images were originally created by Jean-Jacques Rossouw, and we were inspired to incorporate them into this control.