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

This interactive application, built using HTML, CSS, JavaScript, and the Fetch API method, allows you to explore real-time weather updates from around the world.
https://github.com/danialeyz/weather-app

api api-rest crud fetch fetch-api weather-api weather-app

Last synced: 26 days ago
JSON representation

This interactive application, built using HTML, CSS, JavaScript, and the Fetch API method, allows you to explore real-time weather updates from around the world.

• Host: GitHub
• URL: https://github.com/danialeyz/weather-app
• Owner: danialeyz
• Created: 2023-10-25T00:48:33.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-10-26T00:47:48.000Z (about 1 year ago)
• Last Synced: 2024-01-29T14:29:20.125Z (11 months ago)
• Topics: api, api-rest, crud, fetch, fetch-api, weather-api, weather-app
• Language: CSS
• Homepage: https://weather-app-danialeyz.vercel.app
• Size: 2.56 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Welcome to the Weather App!😃👋🏼 

This interactive application, built using HTML, CSS, JavaScript, and the Fetch API method, allows you to explore real-time weather updates from around the world. With a user-friendly interface and responsive design, you can easily access and manage weather data.

![](https://github.com/danialeyz/Weather-App/blob/41d2e3e8b65e64164d62d24bb723eabed6c71ca0/Screen%20Shot%201402-08-04%20at%2004.16.21.png)

## Features

- Real-time weather updates: Stay up-to-date with the latest weather information.

- User-friendly interface: Enjoy a visually appealing and intuitive interface for a seamless user experience.

- Fetchi API: Easily use weather data by searching locations with city name .

- Responsive design: Access the app on various devices and screen sizes without compromising functionality.

## Technologies Used

- HTML: Structure the content and layout of the app.

- CSS: Style the app to enhance its visual appeal and user experience.

- JavaScript: Implement interactive features and fetch data from the real weather API.

- Real weather API: Retrieve accurate and up-to-date weather information.

## Installation

1. Clone the repository: `git clone https://github.com/your-username/weather-App.git`

2. Open the project folder in your preferred code editor.

3. Obtain an API key from the weather API provider. (Open Weather map)

4. Replace the placeholder API key in the JavaScript file with your own API key.

5. Open the `index.html` file in your web browser.

## Usage

1. To explore weather data for other locations, simply enter the city name in the search bar and click on search button.

2. The app will fetch and display the weather information for the specified location.