Skip to content

My Weather App offers a user-friendly interface to check current conditions and a detailed 5-day forecast. Built with HTML, CSS, and JavaScript, it fetches accurate data from the OpenWeatherMap API.

Notifications You must be signed in to change notification settings

mihirdas77/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Weather App

A sleek and interactive Weather App that provides real-time weather updates and a 5-day forecast for any city. Built with HTML, CSS, and JavaScript, this app fetches weather data from the OpenWeatherMap API and displays it in an easy-to-read format.

Features

  • Current Weather Details: View essential weather information such as temperature, minimum and maximum temperature, wind speed, cloudiness, sunrise and sunset times, pressure, visibility, and UV index.

  • 5-Day Forecast: Get a detailed 5-day weather forecast with daily temperature highs and lows, weather conditions, and icons representing the weather.

  • Responsive Design: Optimized for both desktop and mobile devices. The layout adapts to different screen sizes, ensuring a smooth user experience across all devices.

  • Google Maps Integration: View the location of the searched city on Google Maps embedded directly within the app.

  • Interactive Search: Easily search for any city’s weather by entering the city name in the search bar and clicking the search button.

  • Stylish UI: Modern and visually appealing user interface with a clean design, smooth transitions, and a user-friendly layout.

Technologies Used

  • HTML: Structuring the content of the web page.
  • CSS: Styling and layout of the application, including responsive design.
  • JavaScript: Handling user interactions, fetching weather data from the OpenWeatherMap API, and dynamically updating the UI.

How to Use

  1. Clone the Repository:

    git clone https://github.com/mihirdas77/Weather-App.git
  2. Navigate to the Project Directory:

    cd weather-app
  3. Open index.html in your preferred web browser to view the application.

  4. Enter a City Name in the search bar and click the "Search" button to get the current weather and 5-day forecast.

Live Demo

You can also view a live demo of the Weather App hosted here.

Contributing

Feel free to contribute to the project by submitting issues or pull requests. If you have any suggestions or improvements, please let me know!

About

My Weather App offers a user-friendly interface to check current conditions and a detailed 5-day forecast. Built with HTML, CSS, and JavaScript, it fetches accurate data from the OpenWeatherMap API.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published