Skip to content

A weather app built with React-Redux using an API to show current weather in a location searched.

License

Notifications You must be signed in to change notification settings

Katia-Toboleva/react-redux-weather-app

Repository files navigation

Weather App built with React-Redux and geolocation.

Description:

The app provides you with current weather in any location around the globe. It shows the temperature and weather conditions in the searched location. You can also switch between °C and °F. The background of the app changes according to the weather conditions. If the user enables geolocation, the app shows the current weather in the user's location. In case the user disables geolocation in the browser, London is shown as a default location.

Technologies:

React-Redux, Redux state management, React, JavaScript, APIs, Async promises and fetch, Lifecycle events, SCSS and CSS modules, CSS Animation, Webpack, Babel, Eslint, Stylelint.

Demo:

  1. Enabling geolocation in the browser to see the weather in your location:

weather-app-4a

2.In case the geolocation in the browser is disabled, the default city is show and the user is prompted to enable the geolocation:

weather-app-5a

  1. Search field for current weather in any location:

weather-app-1

  1. Searching for another location

weather-app-2

  1. Switching between °C and °F

weather-app-3