Skip to content

Latest commit

 

History

History
27 lines (22 loc) · 1.6 KB

README.md

File metadata and controls

27 lines (22 loc) · 1.6 KB

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

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.