A sleek and responsive weather app built with HTML, CSS, and JavaScript, powered by the WeatherAPI. Get real-time weather updates with a beautiful glassmorphism UI.
- 🔍 Search weather by city name
- 🌡️ Displays temperature, condition, and weather icon
- 🎨 Elegant glassmorphism design with premium color palette
- 📱 Responsive layout for desktop and mobile
- 🌐 Real-time data from WeatherAPI
Add screenshots here
Upload images to the repo and link them like:
- HTML5
- CSS3
- JavaScript (ES6+)
- WeatherAPI
git clone git@github.com:urankit19/weatherkro.git
cd weatherkro
🔑 Setup API Key
Get a free API key from WeatherAPI
Open index.html
Replace the placeholder with your API key:
javascript
const apiKey = "YOUR_API_KEY";
👨💻 Usage
Enter your city name
Click Search
View temperature, condition, and weather icon
🌟 Future Improvements
🌈 Dynamic background colors based on weather condition
📍 Auto-detect user location using Geolocation API
📊 5-day weather forecast
💨 Additional details: humidity, wind speed, UV index
🤝 Contributing
Contributions are welcome!
bash
# Fork the repo
git checkout -b feature-branch
git commit -m "Add new feature"
git push origin feature-branch
Then, open a Pull Request 🚀
📜 License
This project is licensed under the MIT License.
Made with ❤️ by Ankit Raj
Deployed on Netlify