This is a simple weather app that displays the current weather and 5-day forecast for a given location using the OpenWeather API.
- Displays current temperature, condition, wind speed, and humidity
- Displays 5-day forecast with high and low temperatures
- Supports toggling between Celsius and Fahrenheit temperature units
- Uses background images from Unsplash to display a relevant photo of the location
-
Open the index.html file in your web browser.
-
Enter the location for which you want to get the weather information in the search box.
-
Click on the "Get Weather" button to retrieve and display the weather information.
-
To toggle between Celsius and Fahrenheit temperature units, click on the "C/F" button
- Clone the repository or download the ZIP file.
- Navigate to the root folder of the app in your terminal.
- Install dependencies by running
npm install
. - Create a Api key OpenWeather API key by going to https://openweathermap.org/ the following format:
API_KEY=your_api_key_here
. - Enter a location in the search box and click the search button to see the current weather and 5-day forecast for that location.
- Click the temperature toggle button to switch between Celsius and Fahrenheit temperature units.
- HTML, CSS, and JavaScript for the frontend
- OpenWeather API for weather data
- Unsplash API for background images
- Fetch API for making API requests
- Jibon Paul ([email protected])