https://github.com/shankhadweep/advanced-website-checker-using-weather_api

Advanced Weather Checking Website Using Weather API
https://github.com/shankhadweep/advanced-website-checker-using-weather_api

Last synced: about 2 months ago
JSON representation

Advanced Weather Checking Website Using Weather API

• Host: GitHub
• URL: https://github.com/shankhadweep/advanced-website-checker-using-weather_api
• Owner: Shankhadweep
• Created: 2023-05-04T03:50:26.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-05T03:47:15.000Z (11 months ago)
• Last Synced: 2024-02-05T04:39:57.627Z (11 months ago)
• Language: JavaScript
• Homepage: https://shankhadweep.github.io/Advanced-Website-Checker-Using-Weather_API/
• Size: 13 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Advanced Weather Checking Website

This is an advanced weather checking website built using HTML, CSS, and JavaScript. It leverages a weather API to provide accurate and up-to-date weather information to users.

## Features

- **Real-time Weather Updates**: Utilizes a weather API to fetch current weather data and display it to the users.

- **Customizable Location**: Allows users to search for weather information by location, providing flexibility and convenience.

- **Detailed Weather Information**: Provides detailed weather forecasts including temperature, humidity, wind speed, and more.

- **Responsive Design**: Ensures a seamless experience across various devices including desktops, tablets, and mobile phones.

## Technologies Used

- **HTML**: Used for structuring the webpage.

- **CSS**: Used for styling and layout.

- **JavaScript**: Used for dynamic interactions and fetching data from the weather API.

- **Weather API**: Integrated to retrieve accurate weather data.

## How to Use

1. Clone the repository to your local machine.

2. Open the `index.html` file in your preferred web browser.

3. Enter the location for which you want to check the weather.

4. Press the "🔍" button to retrieve the weather information.

5. Explore the detailed weather forecast provided on the webpage.

## Screenshots

![weather](https://github.com/Shankhadweep/Advanced-Website-Checker-Using-Weather_API/assets/119057592/2a737a60-3ed4-4752-87ee-c28268e938ce)

## Credits

- Weather data provided by [Weather API](https://www.weatherapi.com/)

- Icons used from [Font Awesome](https://fontawesome.com/)