Floyd's React Weather App

Simple Weather App Created in React

This blog is reader-supported. When you make a purchase through links on my site I may make a small commission at no additional cost to you.

I’ve coded a simple weather app using React. Pretty cool, right?

The React app hooks into a free weather API from Open Weather (https://openweathermap.org/) and let’s you search for the current weather conditions in a given location. Inspiration for this project came from this video tutorial.

What’s the App Do?

Well, it tells you the current weather conditions.

When you search for a specific location – the app returns the city name, country, date, and the current temperature. You can see the temperature (in Fahrenheit) and what the skies are like (sunny, clouds, rain, etc.).

Also, notice the temperature of the searched location determines the app’s background image. When you change locations the background image changes, too. If the temperature is above 50F, the image shows a sunny sky. If the temperature is below 50F the background shows show covered pine trees.

It’s a neat proof of concept demonstrating the power of React, (React) states, and events.

Try the Demo

Want to try the weather app? Click here to try the demo.

(type a city into the search box and press enter/return)

Share this post!

0 0 votes
Article Rating
Notify of
Inline Feedbacks
View all comments