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 the weather data and Pexels API to get images and dynamically set them as backgrounds.
Here are its screenshots:
It gets a new background image after each search:
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
Top comments (18)
This is awesome. Nice work!
Could use some better parsing of the search term. For example,
Austin TX
yields no resultsThank you.😄 Actually, it's not the parsing but the API itself. For example, if you say, Austin, TX, USA, it'll still return as "Austin." Because that's how the API returns and the App updates on the UI.
Oh got ya. Awesome app though!
Thank you.😄
This looks awesome! Great job!
Thank you!😊
Nice work .. Mate
Thank you.🤗
This is beautiful brother. The project based approach to learning is always great
Thank you. Yeah sure it is!😇
Could you add a way to show in F too and not just C
Thanks for the suggestion. I'll definitely look into it.😄
Good job 👏👌
Thank you.🤗
Nice work 🎉🔥
Thank you.😊
Great work man!
Thank you.😊