Skip to content

Pranjal-Jamuar/weatherNow

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WeatherNow: Real-Time Forecasts

Caption: Insightful weather data, whenever you need it.

Description

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.

Features

  • 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.

How It Works / Technologies Used

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.

Live Demo Link

WeatherNow Live - Bookmark this page for quick access in the future.

How to Run It Locally

  1. Clone the repository or download the ZIP file from GitHub.
  2. Navigate to the directory where the code is stored.
  3. Obtain an OpenWeather API key by signing up at https://openweathermap.org/api.
  4. Update the API key in the api.js file within your project.
  5. Deploy the project using GitHub Pages, Netlify, or any preferred hosting service.

How to Use the Interface

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.

Uniqueness of This Application

  • 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.

About

Weather Application with real-time API integration.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published