A weather app that displays current weather conditions and forecasts for a specified location.
- Responsive design with an interesting UI that changes background according to the weather condition.
- Displays current temperature, date, time, weekday, location, weather condition, and weather icon.
- Displays wind speed, humidity, and cloudiness for the location.
- Supports searching for weather conditions in any location by city name.
- Uses the WeatherAPI to fetch weather data.
- HTML
- Tailwind CSS
- JavaScript (ES6+)
- WeatherAPI
- Clone the repository to your local machine: git clone https://github.com/Ayan726/Weather-App.git
- Open the index.html file in your web browser.
- Enter a location in the search bar and press the "Enter" key or click the search button.
- View the weather data for the specified location.
- alternatively, you can use this site by clicking on this link: https://ayan-weather.netlify.app/
To use the WeatherAPI, you will need to obtain an API key from their website. Once you have an API key, create a .js file in the root directory of the project and you can replace the api key with your actual one.
This site UI is inspired from : https://dribbble.com/shots/7118235-Weather-DailyUI-037
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent