This Weather application built with Vue 3 allows users to get real-time weather updates and forecasts for various cities using the OpenWeatherMap API. Users can add multiple cities to their favorites list and visualize wind data through charts.
- Input field with autocomplete for easy city selection.
- Axios used for API calls to OpenWeatherMap.
- Weather information displayed in a card format for the current day, including temperature and wind details.
- Wind chart for the current day, rendered using Chart.js.
- Users can create multiple weather blocks for different cities, up to a maximum of 5 blocks.
- Modal window for confirming the removal of weather blocks.
- Favorites tab, where users can add and remove up to 5 favorite cities.
- Weather card for favorite cities highlighted with an icon or frame.
- Responsive design.
- Clone the repository
- Navigate to the project directory: cd weather-app
- Install dependencies: npm install
To use the OpenWeatherMap API, you need to sign up for a free API key and replace the placeholder in the code with your actual API key. Also, you need sing up in ipify and get you free API key.