saadhussain01306 / Weather_App

"CheckWhether: Your one-stop destination for instant weather updates. Enter any city, get real-time forecasts, and stay informed effortlessly. Simple, intuitive, and always at your fingertips."

Home Page:https://checkwhether.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Weather Application

Overview

This is a simple weather application that allows users to check the current weather and hourly forecast for a specific city. The application is built using HTML, CSS, and JavaScript, and it utilizes the OpenWeatherMap API to fetch weather data.

Features

  • Search for Weather: Enter the name of a city to get the current weather details.
  • Reset Input: Clear the input field with a reset button.
  • Responsive Design: The app is designed to be visually appealing and responsive on various devices.

Getting Started

  1. Clone or download the repository to your local machine.
  2. Open the index.html file in your preferred web browser.

Usage

  1. Enter the city name in the input field.
  2. Click the "Search" button to retrieve the current weather and hourly forecast.
  3. Optionally, use the "Reset" button to clear the input field.
  4. View the temperature, city name, weather description, and hourly forecast.

API Key

Please note that the application uses the OpenWeatherMap API to fetch weather data. Make sure to replace the placeholder API key in the script.js file with your own valid API key.

const apiKey = 'YOUR_API_KEY_HERE';

Visit the Site

Visit the Weather App site: Weather App

Acknowledgments

About

"CheckWhether: Your one-stop destination for instant weather updates. Enter any city, get real-time forecasts, and stay informed effortlessly. Simple, intuitive, and always at your fingertips."

https://checkwhether.netlify.app/


Languages

Language:JavaScript 56.9%Language:CSS 31.5%Language:HTML 11.6%