https://github.com/ongzzzzzz/weather-homework
https://github.com/ongzzzzzz/weather-homework
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ongzzzzzz/weather-homework
- Owner: ongzzzzzz
- Created: 2021-02-10T07:16:08.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-02-10T07:16:12.000Z (over 4 years ago)
- Last Synced: 2025-01-05T07:46:02.821Z (5 months ago)
- Language: HTML
- Size: 1000 Bytes
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hi!
This is a project where you get to implement / learn how to build an interactive PWA. Head over to `script.js` for more technical details.
### Materials Needed:
- A free API Key from `https://openweathermap.org/price`
### The general flow of our app would look like this:
1. User opens app.
2. User clicks a button.
3. Geolocation data is fetched. ([Reference](https://repl.it/@Fogeinator/gpspwa6feb2021#script.js))
4. Weather data is fetched. ([API Sauce](https://openweathermap.org/current#geo))
5. User can see the current weather conditions on the page.
#### What do I fetch, actually?
⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇
```json
"weather": [
{
"id": 800,
"main": "Clear",
"description": "clear sky",
"icon": "01n"
}
],
```
```json
"main": {
"temp": 281.52,
"feels_like": 278.99,
"temp_min": 280.15,
"temp_max": 283.71,
"pressure": 1016,
"humidity": 93
},
```
#### Where did you get that JSON data from?
idk but i know the link's in this document somewhere. you'd need some `Ctrl + F` and some scrolling.
#### Additional:
Read [here](https://openweathermap.org/weather-conditions#How-to-get-icon-URL) to get the img icon for different weather conditions ;)
# Questions?
Ask in messenger :D