https://github.com/sam783/weather-app

Weather App is a responsive web application that provides real-time weather information for any specified city.
https://github.com/sam783/weather-app

api css html javascript weather-app

Last synced: 3 months ago
JSON representation

Weather App is a responsive web application that provides real-time weather information for any specified city.

• Host: GitHub
• URL: https://github.com/sam783/weather-app
• Owner: Sam783
• License: mit
• Created: 2024-10-27T06:23:59.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-25T19:03:15.000Z (over 1 year ago)
• Last Synced: 2025-03-28T17:24:39.123Z (about 1 year ago)
• Topics: api, css, html, javascript, weather-app
• Language: JavaScript
• Homepage:
• Size: 428 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Weather App Powered by OpenWeather API

![image](https://github.com/user-attachments/assets/0c6857d5-5dbf-4223-82e9-803276db8f38)

## Overview

The Weather App is a sleek web application designed to deliver up-to-the-minute weather information for any city around the globe. Featuring an intuitive interface, users can effortlessly search for their desired location and access crucial weather data.

## Features

- **City Search**: Easily search for weather information by entering the name of a city.

- **Current Weather Data**:

  - **Temperature**: Displays the current temperature in the selected city.

  - **Humidity**: Shows the percentage of humidity in the air.

  - **Wind Speed**: Provides information about the wind speed.

  - **Pressure**: Displays the atmospheric pressure.

- **Weather Icons**: Visual icons represent various weather conditions (e.g., clear, cloudy, rainy).

- **Date and Time**: Current date and day of the week are displayed alongside the weather data.

- **Responsive Design**: The app adapts to different screen sizes, ensuring usability on both desktop and mobile devices.

- **Aesthetic Appeal**: Features a visually appealing design with a cohesive color palette and background images.

## Technologies Used

- **HTML**: For structuring the web pages.

- **CSS**: For styling and layout, utilizing Flexbox for responsive design.

- **JavaScript**: For dynamic functionality and API interactions to fetch real-time weather data.

- **OpenWeatherMap API**: To retrieve current weather information based on user input.

## Getting Started

1. **Clone the Repository**:

   ```bash

   git clone https://github.com/Sam783/Weather-App.git

2. **Navigate to the Project Directory**:

   ```bash

   cd Weather-App

3. **Open the Application**: Locate and open the index.html file in your preferred web browser.

  

4. **Search for Weather Information**: Enter the name of a city into the search bar and click the search button to view the current weather information.

## License

This project is licensed under the MIT License. See the LICENSE file for details.