This is a web app developed as a final project for SheCodes Plus using HTML, CSS, and Vanilla JavaScript. It is hosted on Netlify and utilizes both SheCodes Weather API and OpenWeatherMap API to fetch weather data. The app allows users to search for the weather conditions of any city in the world and provides current weather conditions, a 5-day forecast, and hourly forecasts. Additionally, the app can detect the user's current position if they allow it.
- Users can search for weather conditions of any city in the world.
- The app displays the current weather conditions, including temperature and weather description.
- The app provides a 5-day forecast for the searched city, including hourly forecasts.
- The app can detect the user's current position if they allow it.
- The app fetches weather data using both SheCodes Weather API and OpenWeatherMap API.
- HTML
- CSS
- Vanilla JavaScript
- VS Code
- SheCodes Weather API
- OpenWeatherMap API
- Netlify
To use this app, you can either clone this repository or download the zip file.
To clone the repository, run the following command in your terminal:
git clone https://github.com/s-shemmee/Weather-App.gitOnce you have cloned the repository, open the index.html file in your browser to use the app.
To use the app, simply type the name of the city you want to search for in the search bar and press the Enter key. The app will display the current weather conditions and the 5-day forecast for the searched city.
Alternatively, you can allow the app to detect your current position and display the weather conditions for your location.
To toggle between Celsius and Fahrenheit temperature units, click the "Convert to Fahrenheit" or "Convert to Celsius" link below the temperature display.
A live demo of the weather app can be found at LINK TO LIVE DEMO.
The weather app was created by s-shemmee as a final project for the SheCodes Plus workshop.
- The app uses the SheCodes weather API and OpenWeatherMap API to retrieve weather data.
- The illustrations used in the app are 3D casual life.
This project is licensed under the MIT license.