Skip to content

Weather Checker Application built using HTML, CSS, and JavaScript. It uses custom logic, DOM manipulation, event listeners, and functions to fetch and display real-time weather data. Users can check the weather by entering a city name, and the app shows accurate and easy-to-understand weather details.

Notifications You must be signed in to change notification settings

chiragbhoi01/Weather-Checker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌦️ Weather Checker

A simple and responsive Weather Checker application built using HTML, CSS, and JavaScript. This app fetches real-time weather data from a public API and displays current weather information for any city entered by the user.

🚀 Live Demo

🔗 [Check it Live] (https://chirag-weatherchecker.netlify.app)

🛠️ Features

  • 🔍 Search for any city worldwide
  • ☁️ Real-time weather data display
  • 📡 API integration using fetch with async/await
  • ❌ Graceful error handling for invalid cities
  • 💻 Responsive and clean user interface

🧰 Tech Stack

  • HTML
  • CSS
  • JavaScript
  • OpenWeatherMap API

🧑‍💻 How to Use

  1. Clone the repository:

    git clone https://github.com/chiragbhoi01/Weather-Checker.git
    cd Weather-Checker
  2. Open index.html in your browser or use a live server extension in VS Code.

🔐 API Reference

This app uses OpenWeatherMap API for fetching weather data.

Replace 'your_api_key' in script.js with your actual OpenWeatherMap API key.

const apiKey = 'your_api_key'; // Replace this with your API key

📁 Project Structure

Weather-Checker/
│
├── index.html        # Main HTML file
├── style.css         # Styling file
├── script.js         # JavaScript for functionality
└── README.md         # Project overview

📌 Future Enhancements

  • Add temperature unit toggle (Celsius ↔ Fahrenheit)
  • Include 5-day weather forecast
  • Add weather icons
  • Save recent search history

🙋‍♂️ Author

Chirag Bhoi
📍 Udaipur, Rajasthan
📧 mr.chiragbhoi2003@gmail.com
🔗 LinkedIn
🔗 GitHub
🌐 Portfolio

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

About

Weather Checker Application built using HTML, CSS, and JavaScript. It uses custom logic, DOM manipulation, event listeners, and functions to fetch and display real-time weather data. Users can check the weather by entering a city name, and the app shows accurate and easy-to-understand weather details.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published