https://github.com/kgoksal/weather-api

JavaScript Webpage to see weather in your location
https://github.com/kgoksal/weather-api

Last synced: about 2 months ago
JSON representation

JavaScript Webpage to see weather in your location

• Host: GitHub
• URL: https://github.com/kgoksal/weather-api
• Owner: KGoksal
• Created: 2024-10-13T03:07:50.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-02T15:45:31.000Z (2 months ago)
• Last Synced: 2024-11-02T16:28:12.735Z (2 months ago)
• Language: JavaScript
• Size: 60.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Weather App 

 

 

 

## Overview 

The Weather App is a simple, user-friendly web application that allows users to check the current weather conditions based on their ZIP code. It leverages the OpenWeatherMap API to fetch and display real-time weather data, including temperature, weather descriptions, and icons. The application also dynamically changes the background color based on the current weather conditions for an enhanced user experience.

 

## Features

- **Current Weather Data**: Displays temperature, weather description, and city name based on user-provided ZIP code.

- **Dynamic Background**: Background color changes according to the weather conditions (e.g., sunny, cloudy, rainy).

- **Weather Icons**: Uses weather icons to visually represent the current weather. 

- **Input Validation**: Validates user input to ensure a valid 5-digit ZIP code is entered. 



## Technologies Used 

- **HTML**: Structure of the web page.  

- **CSS**: Styling of the web page for an attractive user interface. 

- **JavaScript**: Logic to fetch weather data from the API and manipulate the DOM. 

- **OpenWeatherMap API**: Service for obtaining real-time weather data. 



## Getting Started

1. **Clone the repository**:

   ```bash

   git clone https://github.com/KGoksal/weather-api.git

   ```

2. **Open the `index.html` file** in your web browser.

3. **Enter a valid 5-digit ZIP code** and click the "Get Weather" button to retrieve current weather data.

## API Key

To run this application, you will need to replace the placeholder API key in the JavaScript file (`script.js`) with your own OpenWeatherMap API key. Sign up at [OpenWeatherMap](https://openweathermap.org/) to obtain your API key.