https://github.com/surjoyday/weather-app-vanilla-js
This Weather App displays the temperature in Celsius, humidity percentage, and wind speed of a searched city. If the entered value is undefined or the city is not found, it will display "City not found."
https://github.com/surjoyday/weather-app-vanilla-js
asynchronous-programming css dom-manipulation html javascript
Last synced: about 2 months ago
JSON representation
This Weather App displays the temperature in Celsius, humidity percentage, and wind speed of a searched city. If the entered value is undefined or the city is not found, it will display "City not found."
- Host: GitHub
- URL: https://github.com/surjoyday/weather-app-vanilla-js
- Owner: Surjoyday
- Created: 2024-01-28T20:33:31.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-20T20:01:38.000Z (almost 2 years ago)
- Last Synced: 2025-01-01T21:47:10.483Z (over 1 year ago)
- Topics: asynchronous-programming, css, dom-manipulation, html, javascript
- Language: JavaScript
- Homepage: https://weather-app-v1-kt100.netlify.app/
- Size: 92.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
Welcome to my Weather App! ☀️ This project was created to learn about asynchronous JavaScript using async-await and DOM manipulation.
## Overview
This Weather App displays the temperature in Celsius, humidity percentage, and wind speed of a searched city. If the entered value is undefined or the city is not found, it will display "City not found."
## Features
- **Temperature Display:** Shows the current temperature in Celsius.
- **Humidity Percentage:** Displays the humidity percentage of the searched city.
- **Wind Speed:** Provides information about the wind speed.
- **Error Handling:** If the city is not found, it shows "City not found."
## Learning Focus
In building this project, I focused on:
- Asynchronous JavaScript: Utilized async-await for fetching weather data.
- DOM Manipulation: Dynamically updated the UI based on the fetched data.
- Error Handling: Displayed a user-friendly message for undefined or not found cities.
## Technologies Used
- JavaScript
- HTML
- CSS
## How to Use
1. Enter the city you want to check the weather for.
2. Click the "Search" button.
3. View the current temperature, humidity, and wind speed.
4. If the city is not found, "City not found" will be displayed.