Skip to content

N-thnI/Weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

5 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

โ˜๏ธ Day 4: SkyCast Weather Dashboard

Part of the 7-Day Web Dev Project Challenge

A sleek, real-time weather application that fetches global weather data and dynamically updates the UI based on environmental conditions.

๐Ÿš€ Key Features

  • Live Data Fetching: Integrated with the OpenWeatherMap REST API.
  • Dynamic Iconography: Weather icons change automatically based on the 'weather condition' ID.
  • Robust Error Handling: Custom logic to catch 401 (Unauthorized) and 404 (City Not Found) errors without crashing the UI.
  • Unit Transformation: Converts Kelvin to Celsius and formats wind speed metrics.

๐Ÿ› ๏ธ Technical Gains

  • Conditional Rendering: Using display: none and block to manage loading and error states.
  • API Security: Understanding how to handle API keys and the importance of Environment Variables.
  • String Manipulation: Building complex query URLs using Template Literals.

๐Ÿ”— Live Site

[https://github.com/N-thnI/Weather-app]

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors