Caption: Insightful weather data, whenever you need it.
WeatherNow is a forecast weather app designed to deliver live weather updates with an emphasis on simplicity and user accessibility. It is developed using basic yet powerful web technologies - JavaScript, HTML, and CSS only. Leveraging real-time data through API calls, Weather Now guarantees the latest weather information right at your fingertips, requiring just location permission to tailor the experience to your current whereabouts.
- Live weather updates and 5-day forecasts.
- Comprehensive weather data: temperature, air quality, humidity, and more.
- Search functionality for global city weather.
- User-friendly and readable interface across devices.
- Default location set to New Delhi with the option to change based on user preference.
WeatherNow is built on simple yet robust web technologies:
- JavaScript: For dynamic content and API interaction.
- HTML: Structuring the content of the app.
- CSS: Styling the app to be responsive and visually appealing.
- OpenWeather API: For fetching real-time weather data.
WeatherNow Live - Bookmark this page for quick access in the future.
- Clone the repository or download the ZIP file from GitHub.
- Navigate to the directory where the code is stored.
- Obtain an OpenWeather API key by signing up at https://openweathermap.org/api.
- Update the API key in the
api.js
file within your project. - Deploy the project using GitHub Pages, Netlify, or any preferred hosting service.
Simply open the app in your browser to view the default weather forecast for New Delhi. Use the search bar to find and display weather information for any city worldwide. The app's intuitive design makes navigation and comprehension straightforward, ensuring a seamless user experience.
- User-Friendly Interface: Designed with simplicity in mind, utilizing straightforward JavaScript, HTML, and CSS for a clean and readable user experience.
- Responsive Design: Ensures a seamless experience across various devices, including both PCs and mobile browsers, without compromising functionality or aesthetics.