This project is a simple weather dashboard application that allows users to search for a city and display its current weather conditions, including temperature, humidity, wind speed, and an icon representation of the weather.
The objective of this project is to reinforce understanding of DOM manipulation, asynchronous programming with async/await, loops, and array operations in JavaScript.
- API Integration: Utilizes the OpenWeatherMap API to fetch weather data.
- **Search Functionality:**Implements a search feature that allows users to enter a city name and retrieve weather data for that location.
- Display Weather Data: Uses DOM manipulation to display the city’s current weather conditions, including temperature, humidity, wind speed, and weather icon.
- Async/Await: Utilizes async/await for API requests to handle asynchronous operations.
- Error Handling: Implements error handling for API requests to manage situations where the city is not found or the API is unavailable.
- Forecast Display: Displays weather forecast for the next few days.
- Toggle Units: Optionally allows users to toggle between Celsius and Fahrenheit (not implemented yet).
- HTML
- CSS
- JavaScript
- Clone the repository to your local machine.
- Open the index.html file in your web browser.
- Enter a city name in the search input and click the search button to retrieve weather data.
This project is a practice project, and contributions are not expected. However, feel free to use the code as a template for your own work or suggest improvements.
This is my portfolio url https://mahamtaj29.github.io/capstone_project_weather_dashboard.github.io/