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.
🔗 [Check it Live] (https://chirag-weatherchecker.netlify.app)
- 🔍 Search for any city worldwide
- ☁️ Real-time weather data display
- 📡 API integration using
fetchwithasync/await - ❌ Graceful error handling for invalid cities
- 💻 Responsive and clean user interface
- HTML
- CSS
- JavaScript
- OpenWeatherMap API
-
Clone the repository:
git clone https://github.com/chiragbhoi01/Weather-Checker.git cd Weather-Checker -
Open
index.htmlin your browser or use a live server extension in VS Code.
This app uses OpenWeatherMap API for fetching weather data.
Replace
'your_api_key'inscript.jswith your actual OpenWeatherMap API key.
const apiKey = 'your_api_key'; // Replace this with your API keyWeather-Checker/
│
├── index.html # Main HTML file
├── style.css # Styling file
├── script.js # JavaScript for functionality
└── README.md # Project overview
- Add temperature unit toggle (Celsius ↔ Fahrenheit)
- Include 5-day weather forecast
- Add weather icons
- Save recent search history
Chirag Bhoi
📍 Udaipur, Rajasthan
📧 mr.chiragbhoi2003@gmail.com
🔗 LinkedIn
🔗 GitHub
🌐 Portfolio
This project is licensed under the MIT License - see the LICENSE file for details.