https://github.com/epictetusz1/weather-app

Learn by doing from The Odin Project. Makes use of APIs, Promises and Async/await
https://github.com/epictetusz1/weather-app

async-await learning-by-doing promises state-management theodinproject weather-app

Last synced: about 1 month ago
JSON representation

Learn by doing from The Odin Project. Makes use of APIs, Promises and Async/await

• Host: GitHub
• URL: https://github.com/epictetusz1/weather-app
• Owner: EpictetusZ1
• Created: 2021-10-14T16:43:50.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-10-22T17:06:21.000Z (over 3 years ago)
• Last Synced: 2024-11-06T08:13:24.545Z (3 months ago)
• Topics: async-await, learning-by-doing, promises, state-management, theodinproject, weather-app
• Language: JavaScript
• Homepage: https://epictetusz1.github.io/weather-app/
• Size: 61.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Weather App 

### See current weather data for all the cities you want 

An assignment from [The Odin Project](https://www.theodinproject.com/) to learn and practice:

- Asynchronous code 

- Manipulating JSON data

- Working with API's

- Promises

- Async/await

- State Management

### Things I learned:

- Error handling with Promises and Async/await

- Alerting users to errors made from an API call

- Converting data to useful units (e.g. wind speed from meters/second to km/hour)

- JavaScript life cycle 

- Using pseudo environment variables to store API keys (In config.js)

- Dynamically generating site data from multiple API calls

### Functionality:

- Add a city to see its current:

  - Temperature

  - A word describing the conditions

  - An icon depicting weather conditions

  - 'Feels Like' Temperature

  - Humidity

  - Rainfall for the current hour

  - Wind speed

- App alerts and prompts users if they have not entered:

  - Valid city name in the search bar

  - Any text (Which results in a 400 Bad Request HTTP error)