MeteoInsights

Welcome to the MeteoInsights Website! This project is a simple yet powerful web application that allows users to get real-time weather information for any location. It is built using HTML, CSS, and JavaScript.

Feature:

a. User Friendly Interface.
b. Real-Time Weather Update.
c. 7-day Weather Forecast
d. Search Functionality: Allows users to search for weather information by city name.

Deployed Website

You can access the live demo of the website here.

Usage

1. Enter a City Name:
   Type the name of the city you want to check the weather for into the search box.
   

2. Get Weather Information:
   Press the "Search" button or hit Enter. The weather details for the entered city will be displayed.
   

Code Structure

1. index.html:
   The main HTML file that structures the webpage.
   
2. style.css:
   The CSS file that contains the styling for the webpage.
   
3. src.js:
   The JavaScript file that contains the logic for fetching and displaying weather data and
   real-time data, with background changing with weather.
   

Acknowlegdement

--> Open Weather for the Weather API to fetch real-time data.
--> Pexels for their backgorund videos.