Приложение для просмотра текущей погоды в городах с использованием OpenWeatherMap API.
- Склонируйте репозиторий:
git clone https://github.com/meta6a6y/Weather-App cd Weather-App - Установите зависимости:
npm install npm install axios - Создайте файл
.envв корне проекта и добавьте ваш API-ключ:VITE_WEATHER_API_KEY=ваш_ключ_от_api - Запустите приложение:
npm run dev
- Перейдите на OpenWeatherMap
- Зарегистрируйтесь и получите API-ключ (есть бесплатный тариф)
- Добавьте ключ в файл
.env, как показано выше
- Vue 3
- Vuetify
- Pinia
- OpenWeatherMap API
- Ввод и поиск городов с использованием геокодирования OpenWeatherMap.
- Отображение текущей погоды: город, температура, описание, иконка и дата.
- Реактивное управление состоянием через Pinia — список городов и данные о погоде обновляются при изменении автоматически.
- Удаление городов из списка.
- Использование Vuetify для удобного интерфейса.
- Обработка ошибок при загрузке данных и информирование пользователя.
- Разделение кода на отдельные компоненты.