https://github.com/yanbrasiliano/weather-js-api

A simple weather application that fetches and displays real-time weather data for various cities using an API. This app allows users to search for a city and view current weather conditions, including temperature, humidity, wind speed, and more. It provides a user-friendly interface for quickly accessing accurate and up-to-date weather information.
https://github.com/yanbrasiliano/weather-js-api

javascript javascript-es6 javascript-vanilla

Last synced: about 4 hours ago
JSON representation

A simple weather application that fetches and displays real-time weather data for various cities using an API. This app allows users to search for a city and view current weather conditions, including temperature, humidity, wind speed, and more. It provides a user-friendly interface for quickly accessing accurate and up-to-date weather information.

• Host: GitHub
• URL: https://github.com/yanbrasiliano/weather-js-api
• Owner: yanbrasiliano
• License: mit
• Created: 2022-09-14T02:49:10.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-04T03:16:01.000Z (5 months ago)
• Last Synced: 2024-06-04T04:29:56.351Z (5 months ago)
• Topics: javascript, javascript-es6, javascript-vanilla
• Language: JavaScript
• Homepage:
• Size: 294 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Climate Weather

A simple weather application that fetches and displays real-time weather data for various cities using an API. This app allows users to search for a city and view current weather conditions, including temperature, humidity, wind speed, and more. It provides a user-friendly interface for quickly accessing accurate and up-to-date weather information.

## Features

- **City Search**: Easily search for any city to get its current weather data.

- **Real-Time Data**: Fetches real-time weather information using a reliable weather API.

- **Detailed Weather Info**: Displays temperature, humidity, wind speed, and other relevant weather details.

- **User-Friendly Interface**: Simple and intuitive design for easy navigation and use.

## Project Setup

1. **Clone the repository:**

    ```sh

    git clone https://github.com/yourusername/climate-weather.git

    ```

2. **Navigate to the project directory:**

    ```sh

    cd climate-weather

    ```

3. **Install dependencies:**

    No dependencies are required as this project uses vanilla JavaScript ES6.

4. **Add your API key:**

   

    - Get your API key from a weather service provider (e.g., OpenWeatherMap).

5. **Open `index.html` in your browser:**

    Simply open the `index.html` file in your web browser to start using the application.

## Recommended IDE Setup

- [VSCode](https://code.visualstudio.com/) 

## Technology Stack

- HTML5

- CSS3

- JavaScript ES6 (vanilla)

- Fetch API (for API requests)

---

Enjoy using Climate Weather to stay updated with the latest weather conditions!