🌦️ WEATHER-FORECAST

---

Simple Weather-App! ☔

"Weather-forecast" project is a simple project made with the help of HTML, CSS and JS and displays data from Weather-API. Weather app that allows you to get current weather, 7-day weather forecast and detailed changes in 24-hour weather data, based on the city. The project adapted according to Ankara weather conditions and implemented using pure JavaScript, does not include any frameworks or libraries.

weather.mp4

---

🛠️ Built With

• HTML
• CSS
• Javascript

🌟 Features

• Display current weather
• Display 7 day weather forecast
• Display 24 hour weather forecast
• Change background according to the weather

💦 Weather API

A Weather API that returns information about current and forecast weather datas.

Visit the main page of this API (that comes by default with json-server) after login and get API key:

http://api.weatherapi.com/v1/forecast.json?key=<YOUR_API_KEY>&q=07112&days=7

Endpoints

Endpoints may change depending on the number of days, to the city and whether it is current, forecast or both;

So to get current weather for London: (JSON)

http://api.weatherapi.com/v1/current.json?key=<YOUR_API_KEY>&q=London

To get 7 day weather for US Zipcode 07112: (JSON)

http://api.weatherapi.com/v1/forecast.json?key=<YOUR_API_KEY>&q=07112&days=7

Search for cities starting with Lond: (JSON)

http://api.weatherapi.com/v1/search.json?key=<YOUR_API_KEY>&q=lond

🚀 Getting Started

There are no prerequisites for this project.

Clone Repository using;

git clone git@github.com:emektarkubra/weather-forecast.git

or

git clone https://github.com/emektarkubra/weather-forecast.git

After clone, open index.html in your extended browser.

---

👷‍♀️ Authors

Kübra Emektar

Github : @github Linkedln : Linkedln

🙋‍♀️ Show your support

Give a ⭐️ if you like this project!

---

Lots of sunshine and coding days 🌞