This Weather App is a simple web application that allows users to check the current weather conditions for a specified location. It uses data from a weather API to display the temperature, weather description, and other relevant details.
- HTML
- CSS
- JavaScript
-
Clone the repository onto your desktop using Terminal / Bash:
git clone https://github.com/AshleighCodes/weather-app.git -
Navigate to the project directory:
cd weather-app -
Open index.html in your web browser: You can double-click the
index.htmlfile, or right-click and select “Open with” followed by your preferred web browser. -
Generate an API key to run the Weather App
- Visit OpenWeatherMap.
- Sign up for a free account.
- Go to the API keys section in your account dashboard.
- Generate a new API key.
- Copy the generated key to your clipboard.
- Paste the key into the designated variable in the script.js file, replacing the placeholder text inside the quotation marks ('ADD-YOUR-API-KEY').
- Enter a location: In the search bar, type the name of the city or region you want to check the weather for.
- Submit the search: Click the search button or press Enter to display the weather details for the entered location.
- View the weather information: The app will show the current temperature, weather description, and additional details like humidity and wind speed.
Gained experience with API keys and asynchronous JavaScript.
This project was created following a tutorial by Devression.