https://github.com/surajgharpankar28/weatherapp

A simple weather app that fetches current weather information using the OpenWeather API. Built with HTML, CSS, and JavaScript, this app allows users to check weather details for any city worldwide.
https://github.com/surajgharpankar28/weatherapp

css html5 integration javascript openweather-api weather-api weather-app

Last synced: 2 days ago
JSON representation

A simple weather app that fetches current weather information using the OpenWeather API. Built with HTML, CSS, and JavaScript, this app allows users to check weather details for any city worldwide.

• Host: GitHub
• URL: https://github.com/surajgharpankar28/weatherapp
• Owner: surajgharpankar28
• Created: 2025-01-23T06:53:11.000Z (16 days ago)
• Default Branch: main
• Last Pushed: 2025-01-23T09:36:17.000Z (16 days ago)
• Last Synced: 2025-01-23T10:26:53.265Z (16 days ago)
• Topics: css, html5, integration, javascript, openweather-api, weather-api, weather-app
• Language: JavaScript
• Homepage: https://weather-app-ssg.vercel.app/
• Size: 14.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Weather App

A simple weather app that fetches current weather information using the OpenWeather API. Built with HTML, CSS, and JavaScript, this app allows users to check weather details for any city worldwide.

[Weather App Live Demo](https://weather-app-ssg.vercel.app/) 

## Features

- Displays current weather information, including temperature, humidity, wind speed, and weather conditions.

- Allows users to search for weather information by city name.

- Uses OpenWeather API to fetch real-time data.

- Fully responsive UI.

## Technologies Used

- **HTML**: Structure of the web page.

- **CSS**: Styling and layout.

- **JavaScript**: Logic for fetching and displaying weather data.

- **OpenWeather API**: API to fetch weather data.

## Setup

To get the weather app up and running on your local machine:

1. Clone the repository:

    ```bash

    git clone https://github.com/surajgharpankar28/WeatherApp.git

    ```

2. Navigate to the project directory:

    ```bash

    cd weather-app

    ```

3. Open the `index.html` file in your browser to see the app in action.

## Usage

1. Open the weather app in your browser.

2. Enter the name of a city in the search bar.

3. Click on the search button or press Enter to view the weather details.

## API Key

The app uses the OpenWeather API to fetch data. You can get your own API key from [OpenWeather](https://openweathermap.org/api). Once you have your key, replace the placeholder in the JavaScript file with your API key:

```js

const apiKey = 'YOUR_API_KEY';

```

## Contributing

Feel free to fork the repository, create a new branch, and submit a pull request if you'd like to contribute.

## License

This project is licensed under the MIT License.

---