Skyperk is a beautifully crafted, multilingual weather app that delivers accurate, real-time weather updates for any city around the globe. With a modern UI, battery-saving mode, and support for multiple languages, Skyperk is designed to offer an elegant and personalized experience – anytime, anywhere.
- 🌍 Global City Weather Search
- 🕒 Live Weather Data (Temperature, Humidity, Wind, Clouds)
- 🗺️ Displays Country Name with National Flag
- 🌡️ 5-Day Forecast with scrollable horizontal layout
- 🌗 Dark & Light Themes with auto-save via
localStorage - 💾 Set a Default Location for quick access to your favorite city
- 🔋 Battery Saving Mode for efficient performance
- 🌐 Multilingual Support – Available in English, Hindi, and Urdu
- ⌨️ Search via Enter Key or Button
- 📱 Fully Responsive – Seamless across all devices
- ⚡ Smooth Error Handling & Fast Load Times
A sleek, responsive UI with real-time weather info tailored for you!
- HTML5
- CSS3
- JavaScript (ES6)
- OpenWeatherMap API
- FlagsAPI for country flag display
Skyperk uses the OpenWeatherMap API for fetching accurate weather data.
To use your own API key:
- Sign up at openweathermap.org/api
- Replace the API key placeholder in your
script.js
- 🕹 Theme Toggle: Light 🌞 / Dark 🌙 mode saved in localStorage
- 📍 Default Location: Set once, check it anytime
- 🔋 Battery Saver Mode: Less animation, optimized fetch
- 🌐 Language Selection: UI adapts to your preferred language
| 💻 Desktop View | 📱 Mobile View |
|---|---|
 |
 |
- 🌦️ Animated Backgrounds based on live weather
- 📍 Auto-detect Location via Geolocation API
- 🧩 PWA Support for installable experience
- 🗣️ Voice Search Integration
Mohammad Amir Shoaib
💻 BCA Student | Front-End Web Developer
📧 [email protected]
🌐 GitHub: @shoaibxbwf
If you enjoy using Skyperk, please give it a ⭐ on GitHub and share it with your friends!
Have ideas or suggestions? I'd love to hear from you.