WeatherSphere is a modern, real-time weather application that provides accurate weather information for cities across the globe. Built with simplicity and reliability in mind, it features a clean UI and robust API handling.
- Global Search: Search for weather data by city name (e.g., London, Tokyo, New York).
- Geolocation Support: Get instant weather updates for your current location with a single click.
- Sample Locations: Quick-access buttons for popular cities.
- Comprehensive Weather Data:
- Current temperature and "Feels like" temperature.
- Weather conditions with dynamic icons.
- Wind speed, humidity, and atmospheric pressure.
- Daily high/low temperatures and visibility.
- Reliability Logic: Built-in fallback API key system to ensure service continuity if the primary key fails.
- Responsive Design: Clean, modern interface that works across various screen sizes.
- HTML5: Semantic structure.
- CSS3: Custom styling with a focus on modern typography (Inter font).
- JavaScript (ES6+): Fetch API for asynchronous data retrieval and Geolocation API.
- OpenWeatherMap API: Reliable source for global weather data.
- Font Awesome: High-quality icons for a better user experience.
- Clone the repository to your local machine.
- Open
script.jsand ensure theAPI_KEYis correctly set (or add your own from OpenWeatherMap). - Open
index.htmlin any modern web browser.
index.html: Main application structure.style.css: Modern styling and responsive layout.script.js: Core logic, API integration, and fallback handling.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page if you want to contribute.
This project is open-source and available under the MIT License.
Developed by anointedthedeveloper Powered by OpenWeatherMap API