https://github.com/kevinadhiguna/world-weather-app

a React app that provides current weather in world using openWeather API.
https://github.com/kevinadhiguna/world-weather-app

react world-weather-app

Last synced: 18 days ago
JSON representation

a React app that provides current weather in world using openWeather API.

• Host: GitHub
• URL: https://github.com/kevinadhiguna/world-weather-app
• Owner: kevinadhiguna
• Created: 2020-07-13T09:39:47.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T22:24:18.000Z (almost 2 years ago)
• Last Synced: 2024-10-12T13:14:58.900Z (about 1 month ago)
• Topics: react, world-weather-app
• Language: JavaScript
• Homepage: https://weather-kevinadhiguna.netlify.app/
• Size: 4.88 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 20
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# World Weather App

An app that provides you current weather and temperature in a nation.




## Demo & Feature

This is World Weather App looks by default : 



 



This World Weather App changes its background dominant color, depending on a country's current temperature 


### Countries whose current temparutre is below 30°C

The background image is blue color dominant : 





### Countries whose current temparutre is above 30°C

The background image is red color dominant : 







## How to Run :

In the project directory, you can :

1) Install dependencies :

```

yarn

```

2) Run this app on your browser :

```

yarn start

```

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.


You will also see any lint errors in the console.




## Reference

- [Tyler Potts - Build a Weather App in React JS | React JS beginner Tutorial](https://youtu.be/GuA0_Z1llYU)




![Hello !](https://api.visitorbadge.io/api/VisitorHit?user=kevinadhiguna&repo=world-weather-app&label=thanks%20for%20dropping%20in%20!&labelColor=%23000000&countColor=%23FFFFFF)