Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
May 22, 2021 06:02 pm GMT

Weatherify: A Weather App built with React.

Hey there everyone! Hope you're all doing good.

So it's been a month since I started learning React, and I can say that I'm loving it so far. And to understand it even better, I decided to follow the project-based approach.

After thinking a lot I decided to make a weather app that can have dynamic backgrounds. So finally after a lot of ups and downs, here it is:
It's called Weatherify. This app gives the current weather details of most of the cities in the world. I've used Open Weather Map API to fetch weather data and Pexels API to get images and dynamically set them as background.

Here are its screenshots:

Alt Text

It gets a new background image after each search:
Alt Text

So here it is guys. I've hosted it on Firebase and made it Open-Source so that it'll help someone as a beginner-friendly project.

Here's the link to the live demo:
https://weatherify-react.web.app/

Here's the link to GitHub repo:
https://github.com/zxcodes/Weatherify-Web

Open to suggestions and feedback.


Original Link: https://dev.to/mohammedfarmaan/weatherify-weather-app-built-with-react-3038

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To